检测屏幕和视口分辨率，支持响应式断点测试和实时调整更新
实用工具
关于此工具
屏幕分辨率检测工具即时显示您的屏幕分辨率、视口大小、设备像素比、可用屏幕区域、方向和响应式断点——所有信息在您调整浏览器窗口大小时实时更新。
主要功能
- 即时检测屏幕分辨率和视口大小
- 显示设备像素比和可用屏幕区域
- 显示当前方向（横屏或竖屏）
- 响应式断点指示器（XS、SM、MD、LG、XL、XXL）
- 调整浏览器窗口大小时实时更新
- 无需安装，完全在浏览器中运行
使用场景
- 检查屏幕分辨率和视口大小用于网页开发
- 验证布局当前对应的响应式断点
- 测试网站在不同窗口大小下的响应效果
- 识别设备像素比用于高 DPI 显示测试
- 在响应式设计工作中快速检查屏幕方向
screen
resolution
viewport
常见问题
屏幕分辨率检测工具显示哪些信息？
该工具显示您的屏幕分辨率、视口大小、设备像素比、可用屏幕区域、当前方向（横屏或竖屏）以及视口所属的响应式断点。
屏幕分辨率和视口尺寸有什么区别？
屏幕分辨率是显示器的物理像素尺寸（如 1920x1080）。视口尺寸是可见的浏览器窗口区域，通常因浏览器界面、任务栏和缩放设置而小于全屏。
什么是设备像素比？
设备像素比（DPR）是物理屏幕像素与 CSS 像素的比率。DPR 为 2 表示每个 CSS 像素使用 2x2 物理像素，常见于 Retina 和高 DPI 显示屏。这会影响图像渲染和响应式设计。
如何测试响应式断点？
工具实时显示当前视口宽度和高度。调整浏览器窗口大小即可看到尺寸变化。这有助于识别不同窗口大小下哪些 CSS 断点处于活跃状态。
能检测屏幕方向吗？
可以。工具显示屏幕是纵向还是横向，在移动设备或旋转显示器上测试响应式布局时特别有用。