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

＃

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

“device-aspect-ratio”メディア・フィーチャーは出力デバイスの描画領域のアスペクト比を条件とするためのメディア・フィーチャーです。

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

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

＃

値	説明
<ratio>	出力デバイスの描画領域のアスペクト比

＃



@media (max-device-aspect-ratio: 2/1) {


.sample {



/* このスタイルは描画領域のアスペクト比2/1以下で適用されます。 */



}


}