ブラウザ サイズ

ビューポートとブラウザウィンドウの寸法をリアルタイムで検出します。

ライブ更新

ビューポートサイズ(内部)

0 x 0

これはあなたのウェブサイトコンテンツ用に利用可能な領域です。

外側ウィンドウ

--

画面位置

--

デバイスピクセル比

--

ユーザーエージェント文字列

--

ビューポート対ウィンドウサイズ

ビューポートとウィンドウサイズの違いを理解することは、Web開発とレスポンシブデザインにとって重要です。

内部サイズ(ビューポート)

ビューポートは、ウェブページの表示可能な領域です。ブラウザのアドレスバー、タブ、ツールバーは含まれません。これはCSSメディアクエリにおいて最も重要な測定基準です。

外側サイズ(ウィンドウ)

外側のウィンドウサイズには、ビューポートとすべてのブラウザツールバー、スクロールバー、ウィンドウ枠が含まれます。

ブラウザサイズを監視する理由

  • レスポンシブテスト: 開発ツールを開かずに、特定のブレークポイントでのサイト表示を確認します。
  • レイアウト問題のデバッグ: スクロールバーが予期しないレイアウトシフトを引き起こしているかどうかを特定します。
  • ユーザーエクスペリエンス: 異なるデバイスでのユーザーの実際の利用可能スペースを理解する。