嗨,那里!我正在阅读关于测量单位(https://www.w3.org/TR/css-values-3/#reference-pixel)的W3C规范,事实是我不明白什么是参考像素。你们可以向我解释一下,或者指出另一个更容易理解的参考或解释。另外我不确定我是否真的了解单位和测量的其他内容。哈哈。真的,那似乎太难了。 谢谢!CSS - 测量单位和屏幕分辨率:什么是参考像素?
0
A
回答
0
参考像素是一种尝试标准化“像素”在网页开发中的含义。这很重要的原因是因为像素的物理测量可能会根据显示器的像素深度而发生很大变化。
例如,旧CRT显示器每英寸有72个像素,而iPhone 7+每英寸有401个像素。因此,100px的文字测量值将是CRT显示器上的1.39英寸和iPhone上的0.25英寸。
本文还有一个很好的解释,帮助我更好地理解它。
列表除了 “A Pixel Identity Crisis” 由Scott Kellum。 2012
1月17日,“W3C的当前定义的参考像素为所有 基于像素的测量的标准。现在,而不是每一个基于像素的 测量是基于硬件的像素它是基于光学 参考单元的尺寸可能是硬件像素尺寸的两倍新像素在所有观看情况下应该看起来完全相同......“
”当使用手持的手机时,参考像素将为 在屏幕上比从远处观看的投影更小如果 观众握住他们的手机,因此它与并排投影,不管设备具有的分辨率或像素密度如何,像素大小看起来应该是相同的。当适当地实施 时,无论像素密度还是 观看距离,该新标准将在所有平台上的所有设计上提供前所未有的稳定性。“
相关问题
- 1. 什么是iPhone 7(新)屏幕分辨率,像素和尺寸?
- 2. 屏幕分辨率和CSS
- 3. 什么是iPhone屏幕分辨率?
- 4. 检测屏幕分辨率
- 5. CSS屏幕分辨率
- 6. 以mm为单位的屏幕像素分辨率
- 7. 屏幕分辨率检测
- 8. 屏幕分辨率测试
- 9. 测量可视屏幕分辨率
- 10. WPF和屏幕分辨率
- 11. 屏幕分辨率
- 12. 屏幕分辨率
- 13. 屏幕分辨率
- 14. 屏幕分辨率
- 15. 屏幕分辨率
- 16. 屏幕分辨率
- 17. 什么是4k屏幕的最佳css测量单位?
- 18. 图像相对于屏幕分辨率
- 19. iPhone模拟器屏幕分辨率vs iPhone屏幕分辨率
- 20. 不同的屏幕分辨率在css
- 21. 不同的屏幕分辨率的CSS?
- 22. CSS根据屏幕分辨率
- 23. 屏幕分辨率更改CSS
- 24. CSS布局:屏幕分辨率问题
- 25. 屏幕分辨率问题
- 26. Android的屏幕分辨率像素和DP
- 27. 简单的HTML/CSS的问题 - 高度和屏幕分辨率
- 28. 测试多个屏幕分辨率
- 29. 检测客户端屏幕分辨率
- 30. 从OSX获取屏幕分辨率和位置/偏移量