は、私はあなたがメディアクエリでこれを行うことができますので、推測しているCSSメディアクエリ

Question

で画面幅を検出：

@media (min-width:500px) { … } 

いくつかのポイントまたは別の時に、CSSスタイルシートは、画面幅のか分からなければならないこと、サンセリフですJavascript。

これが該当しますか？

Answer 1

device-widthを使用すると、画面の幅をpxでテストできます。しかし、それは完全に推奨されていません。代わりにmax-widthとmin-width（ビューポート用）を使用してください。

---

あなたには、いくつかの並べ替えのcontent: (device-width);のようなものを画面幅を取得し、それを（使用しようとしている場合は、それができません。JavaScriptでこだわること。

Manual Reference

Answer 2

クライアントブラウザのビューポートのサイズが変更されると、ブラウザは表示領域を再描画します。その時点で、ブラウザは新しいビューポートに関連するメディアクエリスタイルがあるかどうかをチェックします。

CSSは実際にブラウザのビューポートの幅を認識しません。ブラウザが特定のビューポートに適用可能なCSSを認識しているほどです。

Answer 3

まあ...

@media(width:1024px){ 
    p#id:after{ 
    content:"1024px"; 
    } 
} 

ビューポートの幅が1024ピクセルの場合、「1024px」というテキストが表示されます。指定された< p>要素。ビューポートの幅を表示するために、その幅の任意の妥当な値に対して、このようなCSSのブロックを数千個（仮想的に）配置することができます。 （テキストは一部のブラウザでは選択できないことに注意してください。）

をより多くのあなたが知っている... HTMLで

Answer 4

（実際にこれを実行しないでください） - >

<meta name="viewport" content="width=device-width">

CSSで

OR

- >

@viewport { 
 
    width: device-width; 
 
    }

それが助け願っています。