屏幕与浏览器窗口
逻辑屏幕尺寸表示浏览器公开的屏幕坐标空间，视口则是当前页面可使用的区域。浏览器工具栏、窗口大小及屏幕界面都会使视口变小。调整窗口大小并比较两组数据，可以直接看出区别。
屏幕分辨率与窗口信息
逻辑屏幕—CSS px
像素比例—DPR
浏览器色深—bit
浏览器窗口—CSS px
尺寸概览
分辨率对比
HD
1280pxFull HD
1920pxQHD
2560px4K
3840px8K
7680px详细信息
浏览器中的屏幕信息
屏幕尺寸、视口大小和设备像素比来自浏览器 API。结合这些数据，比单看宽高更有参考价值，尤其是在缩放或高像素密度显示器上。
设备像素比
DPR 表示设备像素与 CSS 像素的比例。逻辑尺寸乘以 DPR 可作估算，但系统缩放、浏览器缩放和显示器布局都会影响报告值。请在产品文档或系统设置中确认原生分辨率，不要把估算值当作硬件规格。
浏览器能力提示
色域和动态范围媒体查询反映浏览器对当前渲染环境的报告，不能测量色域覆盖率、峰值亮度或校准后的色准。可在详细视图中查看这些提示，再打开相应图样进行目视观察。
检查步骤
浏览器提供的是逻辑尺寸，乘以DPR的像素尺寸仍是估算。
查看字段旁的数据来源。
调整窗口大小，观察视口信息。
与系统显示设置及面板规格交叉核对。
测试图样是观察辅助。色准、亮度、色域覆盖率和硬件响应时间等定量指标，需要使用相应仪器与方法。
常见问题
网页能自动判断屏幕是否合格吗？
不能。网页提供测试图样和浏览器公开信息，固定异常仍需要你目视观察，必要时由专业人员进一步检测。
手机、平板和电视可以使用吗？
可以打开适合设备的图样和指南。真正全屏与触控能力取决于浏览器；不支持全屏时可使用页面内沉浸预览。
需要安装软件或上传数据吗？
无需安装。当前图样、计算与页面操作在浏览器本地完成；主题偏好仅保存在本机。
发现异常之后应该怎么办？
先排除灰尘、反光和显示设置的影响。保持相同条件重复观察，用相机记录固定异常，并参考设备的售后标准。