分辨率检测 – 实时显示信息
即时查看屏幕的真实分辨率、浏览器视口大小、设备像素比、色深和宽高比——在您调整窗口大小或旋转设备时实时更新。
屏幕与视口
屏幕分辨率是显示器的总像素网格。视口大小表示浏览器窗口实际占用的空间——两者很少相同。
设备像素比
比率大于1意味着显示屏在每个CSS像素中容纳了更多物理像素——常见于视网膜屏和高DPI屏幕,在导出图像素材时很有用。
响应式设计测试
保持此页面打开并调整浏览器窗口大小,即可准确查看视口落在哪个断点——无需打开开发者工具即可调试布局问题。
色深
色深表示显示屏每像素使用的位数。24位是标准;30位及以上表示广色域或支持HDR的面板。
常见问题
此工具报告的是浏览器渲染出的视口和设备像素比,并不总是显示器的原生面板分辨率——在高密度(Retina/4K)显示屏上,操作系统会缩放内容,因此报告的有效分辨率通常低于实际物理像素数。
它是物理屏幕像素与CSS像素之间的比例。比例为2意味着您的显示屏将四个物理像素压缩进一个CSS像素的空间——这在Retina屏幕和许多现代手机屏幕上很常见。
不能——分辨率和刷新率的测量方式不同。请使用我们专门的刷新率测试工具来测量显示器的实际赫兹值。