“device-width”メディア・フィーチャー｜メディア・フィーチャー｜メディア・クエリ｜CSS－havin' a coffee break

＃

“device-width”メディア・フィーチャーについて

“device-width”メディア・フィーチャーは出力デバイスの描画領域の横幅を条件とするためのメディア・フィーチャーです。

ディスプレイなどの描画領域自体の横幅であり、これはブラウザ(ビューポート)の大きさを変更しても変わりません。ビューポートの横幅を条件とする場合は“width”メディア・フィーチャーを使用します。

値は“<length>”値で指定します。

＃

値	説明
<length>	出力デバイスの描画領域の横幅

＃



@media (max-device-width: 640px) {


.sample {



/* このスタイルは描画領域の横幅640px以下で適用されます。 */



}


}