devicePixelRatio与实际像素长度不匹配的问题求助
关于CSS像素与实际屏幕尺寸的偏差问题
- 据我了解,像素的实际长度约为0.265毫米。一张宽度为810 CSS像素、devicePixelRatio为1.25的图片,理论计算宽度应为
0.265 * 810 / 1.25 ≈ 172毫米,但用尺子实际测量屏幕显示宽度为182毫米,存在偏差。

- 调整系统分辨率设置,将devicePixelRatio重置为1并重启Chrome后,测试一张宽度为1024 CSS像素的图片,实际测量宽度为172毫米,和理论值
1024 * 0.265 ≈ 271毫米偏差极大,说明之前的思路存在错误。
新手提示:我曾遇到过根据分辨率和缩放信息(如1980×1080乘以用户自定义缩放)显示真实图像尺寸的问题。实践证明,使用 size / window.devicePixelRatio 的方式效果很好,图像能保持清晰。我的场景不需要了解硬件参考像素尺寸,因为参考像素与视角/观看距离有恒定关系,可以据此进行相应缩放。
内容的提问来源于stack exchange,提问作者pmad
相关产品推荐
相关产品推荐

