CSS device-height メディア特性
非推奨
この機能を新しいプロジェクトで使用することは避けてください。 Device media queries do not reflect available layout, only the physical size of the device. この機能は、ウェブ標準やブラウザーから除去される可能性があります。
代わりに使用を検討すべき機能として、 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 |