画面とブラウザウィンドウ
論理画面サイズは、ブラウザに公開される画面座標空間を表します。ビューポートは、このページで現在利用可能な領域を説明します。ブラウザ コントロール、ウィンドウ サイズ、画面上のインターフェイスにより、ビューポートが小さくなる場合があります。ウィンドウのサイズを変更し、両方の測定値を比較して、違いを直接確認します。
画面解像度とウィンドウ情報
論理画面—CSS px
ピクセル比—DPR
ブラウザの色深度—bit
ブラウザウィンドウ—CSS px
サイズ概要
解像度の比較
HD
1280pxFull HD
1920pxQHD
2560px4K
3840px8K
7680px詳細情報
ブラウザがこの画面について知っていること
画面の寸法、ビューポートのサイズ、デバイスのピクセル比はブラウザー API から取得されます。これらを一緒に読むと、特にスケーリングされたディスプレイや高密度ディスプレイにおいて、単一の幅と高さの数値以上の説明が得られます。
デバイスのピクセル比
DPR は、デバイスのピクセルと CSS ピクセルの関係を表します。論理ディメンションに DPR を乗算すると有用な推定値が得られますが、オペレーティング システムのスケーリング、ブラウザのズーム、および表示の配置が報告される値に影響します。パネルのネイティブ解像度をハードウェア仕様として扱うのではなく、ドキュメントまたはシステム設定で確認してください。
能力のヒント
色域およびダイナミック レンジのメディア クエリは、ブラウザーが現在のレンダリング環境について報告する内容を記述します。色域範囲、ピーク輝度、校正された色の精度は測定しません。詳細ビューを使用して利用可能なヒントを理解し、結果を検査する場合は、対応するビジュアル パターンを開きます。
確認手順
ブラウザのサイズは論理的なものです。それらに DPR を乗算しても推定値が得られます。
各値の横にあるソース ラベルを読んでください。
ウィンドウのサイズを変更し、ビューポート情報が更新されるのを確認します。
システム設定とパネルの仕様を照合してください。
パターンは目視検査をサポートします。定量的な色の精度、明るさ、色域のカバー範囲、および応答時間には、適切な機器と方法が必要です。
よくある質問
この Web サイトは私の画面を自動的に認証できますか?
いいえ。表示テスト パターンとブラウザ情報を提供します。同じ位置に画面の異常が続く場合は、目視検査が必要であり、必要に応じて専門家の評価が必要です。
携帯電話、タブレット、テレビを使用できますか?
デバイスのパターンとガイドを開きます。真の全画面表示とタッチはブラウザーによって異なります。フルスクリーンがサポートされていない場合でも、没入型のページ プレビューは引き続き利用できます。
ソフトウェアをインストールしたり、データをアップロードしたりする必要がありますか?
インストールは必要ありません。パターン、計算、インタラクションはブラウザ内でローカルに実行されます。テーマの設定はデバイスに残ります。
問題に気づいた場合はどうすればよいですか?
埃、反射、ディスプレイ設定を排除します。同じ条件で繰り返し、同じ画面位置に残る欠陥を写真に撮り、デバイスの保証ポリシーを確認します。