画面解像度のテスト

• 画面とビューポートの値を読み取ります。
• ブラウザのサイズを変更して、ビューポート値が更新されることを確認します。
• 寸法を比較するときは、ブラウザのクロムを減らすために全画面を使用します。

• 報告されているコンピュータまたは携帯電話の解像度を確認する
• ウェブページとスクリーンショットのサイズが異なる理由を説明する
• オペレーティング システムのスケーリング、ブラウザのズーム、DPR を比較する

テストを繰り返します

単一の値から結論を引き出す前に、同じ条件下で複数回実行してください。

似たものと似たものを比較する

結果を比較するときは、ブラウザー、ウィンドウ サイズ、デバイス接続、および電源モードを一貫して保ってください。

CSS ピクセルは物理ピクセルではありません

150% のシステム スケーリングまたは異なるブラウザ ズーム レベルでは、同じパネルで異なる CSS ディメンションが報告されることがあります。

物理ピクセルは推定されます

画面 CSS サイズに DPR を掛けた値は便利なコンテキストですが、プライバシー保護やマルチモニター設定により、ネイティブ パネル解像度と異なる場合があります。

ページをアクティブなままにしておく

バックグラウンド タブの調整、ブラウザ拡張機能、およびその他の負荷の高いアプリケーションは、ブラウザの測定に影響を与える可能性があります。

制御された条件下で再テストする

外れ値を障害として扱う前に、ページをリロードし、同じ設定を保持して測定を繰り返します。

両方のスケーリング コントロールをチェックします

オペレーティング システムの表示スケーリングとブラウザ ページのズームはどちらも CSS のサイズに影響するため、一緒に確認する必要があります。

複数のモニターのアカウント

ウィンドウを別のディスプレイに移動した後、DPR と使用可能なサイズが更新されるのは、サイズ変更またはウィンドウ イベントの後でのみです。