CSS - 测量单位和屏幕分辨率:什么是参考像素?

问题描述:

嗨,那里!我正在阅读关于测量单位(https://www.w3.org/TR/css-values-3/#reference-pixel)的W3C规范,事实是我不明白什么是参考像素。你们可以向我解释一下,或者指出另一个更容易理解的参考或解释。另外我不确定我是否真的了解单位和测量的其他内容。哈哈。真的,那似乎太难了。 谢谢!CSS - 测量单位和屏幕分辨率:什么是参考像素?

参考像素是一种尝试标准化“像素”在网页开发中的含义。这很重要的原因是因为像素的物理测量可能会根据显示器的像素深度而发生很大变化。

例如,旧CRT显示器每英寸有72个像素,而iPhone 7+每英寸有401个像素。因此,100px的文字测量值将是CRT显示器上的1.39英寸和iPhone上的0.25英寸。

本文还有一个很好的解释,帮助我更好地理解它。

列表除了 “A Pixel Identity Crisis” 由Scott Kellum。 2012

1月17日,“W3C的当前定义的参考像素为所有 基于像素的测量的标准。现在,而不是每一个基于像素的 测量是基于硬件的像素它是基于光学 参考单元的尺寸可能是硬件像素尺寸的两倍新像素在所有观看情况下应该看起来完全相同......“

”当使用手持的手机时,参考像素将为 在屏幕上比从远处观看的投影更小如果 观众握住他们的手机,因此它与并排投影,不管设备具有的分辨率或像素密度如何,像素大小看起来应该是相同的。当适当地实施 时,无论像素密度还是 观看距离,该新标准将在所有平台上的所有设计上提供前所未有的稳定性。“