すべてのデバイス：CSSビューポート、密度、画面解像度

CSSビューポートは、スタイルシートが操作する3つの測定値のうち唯一のものです。これはブレークポイントが比較される幅であり、表示される列の数と提供される画像のバージョンを決定します。メーカーが1179ピクセルと発表したiPhone 16は、実際には393ピクセルCSSで動作します：この2番目の値をメディアクエリに書く必要があります。

ピクセル密度、またはデバイスピクセル比は、両者の比率です。3xでは、各CSSピクセルは9つの物理ピクセルでレンダリングされます：表示サイズでエクスポートされた画像は柔らかく見え、2倍または3倍の大きさのバージョンを提供する必要があります。メーカーの解像度は、これらのエクスポートを準備し、オーディエンス統計を読むためだけに使用され、CSSを書くためには使用されません。

対角線と比率が全体像を補完します：同じビューポートの2つのデバイスは非常に異なる高さを持つことがあり、これは固定メニューやフッターバナーにとってすべてを変えます。したがって、各ページには厳密に同じ形式のモデルのリストも記載されています：1つを検証するだけで他のすべてを検証できます。