画面解像度チェッカー

画面解像度チェッカー

画面の解像度、ビューポートサイズ、デバイスピクセル比などのディスプレイ情報を即座に確認できます。レスポンシブWebデザインやデバッグに便利です。

各値の意味

• 画面解像度：画面で使用可能なCSSピクセルの総数。
• ビューポートサイズ：ブラウザウィンドウ内のWebページの表示領域。
• デバイスピクセル比（DPR）：物理ピクセルとCSSピクセルの比率。DPR 2はピクセル密度が2倍（Retina/HiDPI）であることを示します。
• 物理ピクセル：実際のハードウェアピクセル数（画面解像度 × DPR）。
• 色深度：1ピクセルあたりの色表現に使用されるビット数。
• 利用可能な画面サイズ：タスクバーなどのOS UI要素を除いた画面領域。

よくある質問

ブラウザをリサイズするとビューポートが変わるのはなぜですか？

ビューポートはブラウザのコンテンツ表示領域を反映しています。ウィンドウサイズの変更に合わせて自動的に更新されます。