device-height
Deprecated
Avoid using this feature in new projects. Device media queries do not reflect available layout, only the physical size of the device. This feature may be a candidate for removal from web standards or browsers.>
Consider using the following features instead: Media queries.>
メモ:
ビューポートの高さを問い合わせる場合は、代わりに height メディア特性を使用してください。
構文
device-height 特性は、 <length> 値として指定します。これは範囲の特性であり、つまり接頭辞の付いた min-device-height および max-device-height の変化形を使用して、それぞれ最小値と最大値をクエリーすることができます。
例
>800 ピクセルより小さな機器に特別のスタイルシートを適用
html
<link
rel="stylesheet"
media="screen and (max-device-height: 799px)"
href="https://cdn.example.com/short-styles.css" />
仕様書
| 仕様書 |
|---|
| Media Queries Level 4> # device-height> |