メディアクエリで判別できる特性

特性名 特性 最小値・最大値 特性の値
width ページの表示範囲の横幅 ○ 数値(densityに基づいた解像度)
height ページの表示範囲の高さ ○ 数値(densityに基づいた解像度)
aspect-ratio ページの表示範囲の縦横比 ○ 縦横比…「横/縦」という形で指定
device-width ※ スクリーン(モニタ画面)の横幅 ○ 数値(densityに基づいた解像度)
device-height ※ スクリーン(モニタ画面)の高さ ○ 数値(densityに基づいた解像度)
device-aspect-ratio ※ スクリーン(モニタ画面)の縦横比 ○ 縦横比…「横/縦」(16/9など)という形で指定
orientation 画面の向き × portrait(縦長)/landscape(横長)
resolution 解像度(density) ○ 解像度(dpi、dpcm、dppx)
device-pixel-ratio 解像度(density) ○ 整数
scan 走査方式 × progressive(プログレッシブ)/interlace(インターレース)
grid グリッドベースのデバイス × 1(グリッドベースのデバイス)/0(それ以外)
color カラーのビット数 ○ 整数…省略時はカラーデバイスに適合
color-index カラールックアップテーブルのエントリ数 ○ 整数…省略時はカラールックアップテーブルを使用するデバイスに適合
monochrome 階調のビット数 ○ 整数…省略時はモノクロデバイスに適合