ウィンドウサイズ確認
ブラウザのウィンドウ幅・高さやデバイスピクセル比をリアルタイムで確認できる無料ツールです。レスポンシブデザインのブレークポイント確認にも便利です。
現在のウィンドウサイズ
0
×
0
px
ウィンドウサイズを変更すると、リアルタイムで更新されます。
詳細情報
| ビューポート（表示領域） | - |
|---|---|
| 画面全体の解像度 | - |
| デバイスピクセル比 | - |
| 向き | - |
ブレークポイント早見表
Bootstrapで使われている一般的なブレークポイントを基準にしています。現在のウィンドウ幅に該当する行がハイライトされます。
| 名前 | 幅の範囲 | 主な対象 |
|---|---|---|
| xs | 〜575px | スマートフォン（縦） |
| sm | 576px〜767px | スマートフォン（横） |
| md | 768px〜991px | タブレット |
| lg | 992px〜1199px | 小型ノートPC |
| xl | 1200px〜1399px | PC |
| xxl | 1400px〜 | 大型ディスプレイ |
このツールについて
ビューポートと画面解像度の違いは？
「ビューポート」はブラウザの表示領域のサイズ（スクロールバーなどを除いた実際にコンテンツが表示される範囲）です。「画面全体の解像度」はディスプレイ自体の解像度で、ブラウザウィンドウを画面いっぱいに広げていない場合はビューポートより大きくなります。
デバイスピクセル比とは？
CSS上の1pxが、実際のディスプレイの物理ピクセル何個分に相当するかを表す数値です。Retinaディスプレイなどの高解像度端末では2や3になることが多く、画像の書き出しサイズを検討する際の参考になります。