【发布时间】:2017-07-19 16:41:55
【问题描述】:
你好!我正在阅读有关测量单位 (https://www.w3.org/TR/css-values-3/#reference-pixel) 的 W3C 规范,事实是我不明白什么是参考像素。你们能给我解释一下吗,或者给我指出另一个更容易理解的参考或解释。另外我不确定我是否真的了解单位和测量的其他内容哈哈。真的,这似乎太难了。 谢谢!
【问题讨论】:
标签: css screen pixel measurement
你好!我正在阅读有关测量单位 (https://www.w3.org/TR/css-values-3/#reference-pixel) 的 W3C 规范,事实是我不明白什么是参考像素。你们能给我解释一下吗,或者给我指出另一个更容易理解的参考或解释。另外我不确定我是否真的了解单位和测量的其他内容哈哈。真的,这似乎太难了。 谢谢!
【问题讨论】:
标签: css screen pixel measurement
参考像素是一种标准化 Web 开发中“像素”含义的尝试。这很重要的原因是,像素的物理测量值可能会因显示器的像素深度而有很大差异。
例如,旧的 CRT 显示器每英寸有 72 像素,而 iPhone 7+ 每英寸有 401 像素。因此,100 像素的字面测量值在 CRT 显示器上为 1.39 英寸,在 iPhone 上为 0.25 英寸。
这篇文章也有很好的解释,帮助我更好地理解它。
A List Apart,“A Pixel Identity Crisis”,作者 Scott Kellum。 2012 年 1 月 17 日
"w3c 目前将参考像素定义为所有的标准 基于像素的测量。现在,而不是每个基于像素 测量基于硬件像素 它基于光学 参考单位,可能是硬件像素大小的两倍。这 新像素在所有查看情况下都应该看起来完全一样..."
“当使用您靠近的手机时,参考像素将是 屏幕上的投影比您从远处观看的投影要小。如果 观众举起手机,使其与 投影,像素大小应该看起来相同,无论 设备具有的分辨率或像素密度。实施时 适当地,这个新标准将提供前所未有的稳定性 跨越所有平台上的所有设计,无论像素密度或 观看距离。”
【讨论】: