关于浏览器与设备
DPR与Color Depth
像素比和色深所表示的显示环境。
更新日期: 2026年10月9日
Device Pixel Ratio(DPR)是绘制一个CSS像素时使用的物理像素比例。DPR 2通常表示横纵各用两个物理像素表示一个CSS像素。
什么是Color Depth
Color Depth是浏览器公开的屏幕颜色位数。24 bit较常见,但仅凭该值不能完整判断面板色彩表现或HDR支持。
NetKarte如何取得
在NetKarte的设备卡片中查看“DPR”和“Color Depth”,并结合“屏幕分辨率”和“Viewport”阅读。更改显示缩放或使用的屏幕后,重新诊断即可查看相应条件下的值。
DPR使用window.devicePixelRatio,Color Depth使用window.screen.colorDepth。页面缩放或窗口在不同显示器间移动时DPR可能变化。
如何理解结果
较高DPR是高密度显示的线索,但不直接表示物理尺寸或分辨率。这些是用于显示调整的公开值,并非设备唯一标识。
DPR 2不是物理屏幕大小
例如100 CSS px宽的区域在DPR 2下约对应横向200设备像素,但不保证屏幕英寸或照片实际清晰度。比较前应统一页面缩放与OS比例,并重新诊断。
同样报告24 bit的显示器,色域、亮度、校准或HDR可能不同,NetKarte不测量这些性质。图像模糊时,除DPR外还应依次检查原图尺寸、CSS放大和浏览器缩放。
参考资料
- W3C CSS Working Group: CSSOM View Module: Screen and viewport (外部网站)确认日期: 2026-10-09
- MDN Web Docs: Window.devicePixelRatio (外部网站)确认日期: 2026-10-09
- MDN Web Docs: Screen.colorDepth (外部网站)确认日期: 2026-10-09