屏幕分辨率
查看详细的屏幕分辨率、色彩深度、像素比和可用窗口尺寸信息。
系统检测 · ToolBox
工具介绍
做响应式网页设计，想快速确认当前屏幕的实际参数？屏幕分辨率工具集中展示了屏幕分辨率、色彩深度、设备像素比和可用窗口尺寸等关键数据。前端开发者调试多屏适配时，用它确认像素比和可视区域大小非常方便；设计师截图、导出素材前也能核对输出尺寸；购买显示器后想验验参数，打开这个页面一看便知。所有数据随窗口调整实时更新。
使用步骤
- 打开本工具页面，屏幕各项参数自动显示
- 查看屏幕分辨率、像素比、可用窗口尺寸等数据
- 拖动改变浏览器窗口大小，观察数值实时变化
常见问题
物理分辨率和页面显示的分辨率为什么不一样？
高DPI屏幕存在设备像素比（devicePixelRatio），比如Retina屏像素比为2，CSS逻辑分辨率是物理分辨率除以像素比，两者都属正常。
多显示器环境显示的是哪块屏幕的数据？
显示的是浏览器窗口当前所在屏幕的参数。把窗口拖到另一块屏幕上，再查看或调整窗口即可看到对应数据。
这些数据对前端开发有什么用？
可用于确认媒体查询断点是否生效、验证不同像素比下的适配效果，排查移动端和PC端布局异常时也很常用。