【问题标题】:CSS - Units of measurement and screen resolution: what's reference pixel, anyway?CSS - 测量单位和屏幕分辨率:什么是参考像素?
【发布时间】:2017-07-19 16:41:55
【问题描述】:

你好!我正在阅读有关测量单位 (https://www.w3.org/TR/css-values-3/#reference-pixel) 的 W3C 规范,事实是我不明白什么是参考像素。你们能给我解释一下吗,或者给我指出另一个更容易理解的参考或解释。另外我不确定我是否真的了解单位和测量的其他内容哈哈。真的,这似乎太难了。 谢谢!

【问题讨论】:

    标签: css screen pixel measurement


    【解决方案1】:

    参考像素是一种标准化 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 目前将参考像素定义为所有的标准 基于像素的测量。现在,而不是每个基于像素 测量基于硬件像素 它基于光学 参考单位,可能是硬件像素大小的两倍。这 新像素在所有查看情况下都应该看起来完全一样..."

    “当使用您靠近的手机时,参考像素将是 屏幕上的投影比您从远处观看的投影要小。如果 观众举起手机,使其与 投影,像素大小应该看起来相同,无论 设备具有的分辨率或像素密度。实施时 适当地,这个新标准将提供前所未有的稳定性 跨越所有平台上的所有设计,无论像素密度或 观看距离。”

    【讨论】:

      猜你喜欢
      • 2011-01-01
      • 1970-01-01
      • 2020-02-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-12-13
      相关资源
      最近更新 更多