画面と解像度を確認

画面解像度、利用可能サイズ、ビューポート、ピクセル比（DPI）、色深度、向き、アクセシビリティ設定（カラースキーム、reduced motion）を確認。

このディスプレイ確認は`screen`と`window`のメトリクスを読み取ります：解像度、avail size、inner/outer viewport、色深度、device pixel ratio、向き。レスポンシブデバッグ、Retina/HDPI比較、pixel ratioがレイアウトに与える影響の理解に有用 — CheckProxy.org。

ディスプレイをスキャン中…

FAQ — 画面、解像度、DPI

ブラウザでの解像度、DPI、ピクセル比、ビューポートに関する質問。

解像度は画面の幅/高さ（`screen.width/height`）。innerビューポートはブラウザUIを除いたページ領域 — 通常は全画面より小さいです。

ピクセル比は1 CSSピクセルをデバイスピクセルに対応付けます。Retinaで2はより鮮明だが@2xアセットが必要なことが多い — 画面・UI確認に重要。

color depthは色チャンネルあたりのビット（多くは24または30）。pixel depthは一致するかバッファ情報を追加 — 表示品質の目安。

スマホ・タブレットでは回転角度（0°、90°…）と縦横タイプがレスポンシブレイアウトとメディアクエリの検証に役立ちます。

ユーザー/OSのヒント：ダーク/ライトテーマとアニメーション軽減。サイトがUIとアクセシビリティに反映できます。