📐 画面サイズ確認
ビューポート・解像度・ブレークポイントをリアルタイム表示。
読み込み中...
画面サイズ確認について
画面サイズ確認ツールは、ブラウザのビューポートサイズ、スクリーン解像度、デバイスピクセル比等をリアルタイムで表示するツールです。Tailwind CSSのブレークポイント（sm/md/lg/xl/2xl）も判定表示。ウィンドウをリサイズすると値が即座に更新されるので、レスポンシブデザインの確認に便利です。
活用シーン
💻
Web開発
レスポンシブデザインのブレークポイント検証に。
📱
デバイス確認
現在使用しているデバイスの画面情報を確認。
🎨
デザイン
デザインカンプの対象画面サイズの確認に。
関連ツール
よくある質問
ビューポートとスクリーンの違いは？
ビューポートはブラウザの表示領域、スクリーンはディスプレイ全体の解像度です。
デバイスピクセル比とは？
CSSピクセルと物理ピクセルの比率。Retinaディスプレイでは2x、4Kでは1.5x〜2xが一般的。
ブレークポイントとは？
レスポンシブデザインでレイアウトが切り替わる画面幅の境界値。Tailwind CSSの標準値で判定。
リアルタイムで更新されますか？
はい、ブラウザウィンドウのリサイズに連動して即座に更新されます。
何に使えますか？
レスポンシブ対応確認、デバイス情報把握、CSSブレークポイント検証などWeb開発全般に。