CSS-常用メディア照会

Width:ビューポート幅.height:ビューポートの高さ.device-width:レンダリング表面の幅(私たちにとって、デバイス画面の幅です).device-height:レンダリング表面の高さ(私たちにとって、デバイス画面の高さです).orientation:設備が横方向にあるか縦方向にあるかを確認します.aspect-ratio:ビューポートの幅と高さの幅比に基づいています.16:9スケールのディスプレイは、aspect-ratio:16/9をこのように定義することができる.device-aspect-ratio:aspect-ratioと同様に、デバイスレンダリング平面の幅と高さの幅比に基づいています.color:各色のビット数.例えばmin-color:16は、デバイスが16ビットの色を持っているかどうかを検出します.color-index:デバイスの色インデックステーブルの色数.値は非負の整数でなければなりません.monochrome:単色フレームバッファ内の各画素に使用されるビット数を検出します.値はmonochrome:2などの非負の整数でなければなりません.resolution:min-resolution:300 dpiなどの画面またはプリンタの解像度を検出します.min-resolution:118 dpcmなどの1 cm当たりの画素点数のメトリック値も受け入れることができる.scan:テレビのスキャン方式で、値はprogressive(逐行スキャン)またはinterlace(隔行スキャン)に設定できます.720 p HDテレビ(720 pのpは逐行スキャンであることを示す)はscan:progressiveにマッチングし、1080 i HDテレビ(1080 iのiはインターレーススキャンであることを示す)はscan:interlaceにマッチングする.grid:出力デバイスがグリッドデバイスであるかビットマップデバイスであるかを検出するために使用されます.
上記のすべてのプロパティでは、scanおよびgridを除いて、minおよびmax接頭辞を使用してクエリー範囲を作成できます.たとえば、次のようなコードフラグメントを分析します.

@import url("phone.css") screen and (min-width:200px) and (max-width:360px); 

ここでwidthにminとmaxを適用してクエリー範囲を設定します.そうかcssファイルは、200ピクセルから360ピクセルのビューポート幅を持つディスプレイデバイスのみを導入します.