よくある質問
CSSピクセルと物理ピクセルの違いは？
Webページの大きさはCSSピクセルで測ります。画面は1つのCSSピクセルを、ピクセル比と同じ数の物理ピクセルで描くので、390 × 844でピクセル比3のスマホなら、物理ピクセルは1170 × 2532になります。
デバイスピクセル比とは何ですか？
1方向あたり、1つのCSSピクセルに使われる物理ピクセルの数です。ブラウザのズームや、システム設定の表示スケールでも変わります。
ビューポートが画面より小さいのはなぜですか？
アドレスバー、タブ、タスクバーやDock、ウィンドウの枠が画面の一部を使うためです。ビューポートは、ページに残された表示領域です。
本当の画面解像度はどうやってわかりますか？
CSSピクセルのサイズにピクセル比を掛けてください。表示スケールやブラウザのズームを使っていても、ほとんどの画面ではこれがネイティブ解像度になります。