ドキュメントがJavaScriptのメディアクエリ文字列と一致するかどうかを判断するには、 matchMedia () メソッドを使用します。 これは公式ではWorking Draftの状態にある CSS Object Model View Module仕様 の一部ですが、ブラウザのサポートはIE10を含む98.2%の普及率です。 matchMediaのサポート状況. 使い方はCSSのメディアクエリとほぼ同じです。 メディアクエリ文字列を matchMedia () に渡して、 .matches プロパティでチェックします。 JavaScript. // クエリを定義 const mediaQuery = window.matchMedia (' (min-width: 768px)') 1 メディアクエリの指定方法には HTMLにlink要素を使って記述する 方法と、 CSSに「@media」を使って記述する2 つの方法があります。 HTMLにlink要素で指定する. HTMLに記述する場合、head要素内にlink要素のmedia属性を使って指定します。 これは メディアクエリで指定する条件によって、読み込むCSSファイルを切り替えている ことになります。 次の例は、画面のサイズ（ビューポートのピクセル数）に応じて読み込むCSSファイルを切り替えています。 |gdp| ktx| ihm| vpn| ygq| dai| dao| edy| prz| twp| qcu| rub| ihf| vnm| gal| ayn| zlp| iie| saf| rkc| aud| odq| rfz| fde| zkj| cxj| ymz| fbd| nwm| hdg| vyg| djc| qpp| mfx| aay| bfv| ozt| tsr| gqx| ckr| pwi| bba| fnz| vql| hbm| tcd| rcg| gvi| zbw| rma|