検出画面と视口分辨率，対応レスポンス式断点テストとリアルタイム調整更新
実用ツール
このツールについて
画面分辨率検出ツール即時表示お客様の画面分辨率、视口サイズ、デバイスピクセル比、可能用画面区域、方へとレスポンス式断点——すべて情報で您調整ブラウザウィンドウサイズ時リアルタイム更新。
主な機能
- 即時検出画面分辨率と视口サイズ
- 表示デバイスピクセル比と可能用画面区域
- 表示当前方へ（横屏または竖屏）
- レスポンス式断点指示ツール（XS、SM、MD、LG、XL、XXL）
- 調整ブラウザウィンドウサイズ時リアルタイム更新
- インストール不要，完全にブラウザ内で動作します
使用シーン
- チェック画面分辨率と视口サイズ使用网页開発
- 検証レイアウト当前に対して应のレスポンス式断点
- テストサイトで不同ウィンドウサイズ下のレスポンス効果
- 识别デバイスピクセル比使用高 DPI 表示テスト
- でレスポンシブデザイン工作中高速チェック画面方へ
screen
resolution
viewport
よくある質問
画面分辨率検出ツール表示哪些情報？
このツール表示お客様の画面分辨率、视口サイズ、デバイスピクセル比、可能用画面区域、当前方へ（横屏または竖屏）及び视口所属のレスポンス式断点。
画面分辨率と视口サイズ違いは何ですか？
画面分辨率です表示ツールの物理ピクセルサイズ（例えば 1920x1080）。视口サイズです可能见のブラウザウィンドウ区域，通常因ブラウザ界面、タスク栏とズーム設定そして小于全画面。
とは何ですかデバイスピクセル比？
デバイスピクセル比（DPR）です物理画面ピクセルと CSS ピクセルの比率。DPR のため 2 表示各 CSS ピクセル使用 2x2 物理ピクセル，常见于 Retina と高 DPI 表示屏。这できます影响画像渲染とレスポンシブデザイン。
どのようにテストレスポンス式断点？
ツールリアルタイム表示当前视口宽度と高度。調整ブラウザウィンドウサイズ即可能看にサイズ变化。这有助于识别不同ウィンドウサイズ下哪些 CSS 断点处于活跃状態。
能検出画面方へか？
できます。ツール表示画面です纵へ还です横へ，で移动デバイスまたは回転表示ツール上テストレスポンス式レイアウト時特别有用。