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

＃

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

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

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

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

＃

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

＃



@media (max-device-height: 320px) {


.sample {



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



}


}