在深入研究CSS单位时，我遇到了参考像素的定义。然而，我不能找到一个一致和全面的描述其与CSS像素单位的关系。我对这件事做了一些研究，但它仍然有点不清楚我。

收集信息

1.1像素定义

一个像素有两种不同的类型/定义：

“Device pixel” — a single physical point on a display.

和：

CSS pixel — a unit most closely matching the reference pixel. [07000]

同名的两个平行概念绝对不能澄清混乱。
我完全理解介绍第二个的目的，但我发现它的命名法误导。 CSS像素被分类为绝对单位和：

“Absolute length units are fixed in relation to each other.” [07000]

上面的语句对于除了像素之外的每个单元都是显而易见的。遵循w3c规范：

“For a CSS device,these dimensions are either anchored (i) by relating the physical units to their physical measurements,or (ii) by relating the pixel unit to the reference pixel.

(…) Note that if the anchor unit is the pixel unit,the physical units might not match their physical measurements. Alternatively if the anchor unit is a physical unit,the pixel unit might not map to a whole number of device pixels.” [07000]

考虑到上述引用，我假设绝对单位不是绝对的，因为它们可以被锚定到参考像素。

1.2参考像素

参考像素本身实际上是角度测量：

“The reference pixel is the visual angle of one pixel on a device with a pixel density of 96dpi and a distance from the reader of an arm’s length. For a nominal arm’s length of 28 inches,the visual angle is therefore about 0.0213 degrees.” [07000]

下图所示的是什么：

尽管将参考像素定义为视角，我们可以进一步阅读：

“For reading at arm’s length,1px thus corresponds to about 0.26 mm (1/96 inch).”

留下不一致性，我们能够建立一个角度的值：

α = 2 * arctan(0.026/142) = 0.02098°

where:
    α — a value of the visual angle

因此，显示单元的大小等于：

y = 2x * tan(0.01049°)

where:
    y — a displayed unit size
    x — a reading distance

给定上述公式，为了计算单位大小，我们需要确定实际读取距离是多少。由于它可能因用户而异，因此其分类基于设备的DPI。

1.2.1 DPI

为了方便起见，让我们假设DPI == PPI。

该测量允许我们猜测显示类型。
快速检查：

> IPhone 6(4.7“，1334×750)：326 ppi;
> Sony Bravia 4K(54.6“，3840×2160)：75 ppi。

因此，一般来说，较大的PPI越接近用户所坐的屏幕。下表给出了对于具有特定DPI的设备的读取距离推荐：

               ———————————————————————————————————————
              |  DPI  | Pixel size | Reading distance |      
 —————————————————————————————————————————————————————
|PC's CRT     |  96   | ~0.2646 mm |     ~71 cm       |     
|display      |       |            |                  |
 —————————————————————————————————————————————————————
|Laptop's LCD |  125  | 0.2032 mm  |     ~55 cm       |
|display      |       |            |                  |
 —————————————————————————————————————————————————————
|Tablet       |  160  | ~0.159 mm  |     ~43 cm       |
 —————————————————————————————————————————————————————

然而，我不清楚这些距离值是如何获得的。与DPI的关系是用函数描述还是仅仅是一个经验观察？

1.2.2器件像素比

视网膜显示器的引入进一步复杂了事情。其PPI往往比非视网膜的大约2倍，而推荐的阅读距离应保持不变。
由于CSS像素大小不一定对应于设备像素大小，因此我假设视网膜显示器上的单位大小首先被转换为参考像素大小(以设备像素表示)，然后乘以像素比率。这是对的吗？

1.2.3缩放

在放大时，随着距显示器的距离增加，显示的参考像素尺寸增大。这是违反直觉的，因为这意味着我们正在从屏幕上“走开”，而不是越来越接近它。

2.问题

总结我的疑问和明确的问题：

>锚点单元是物理单元时如何计算CSS像素大小？
>如何建立DPI和阅读距离之间关系的公式？
>如何计算非标准，高DPI / PPI设备(如打印机和Retina显示器)的CSS像素大小？

此外，如果我的推理是无效的或我缺少的东西，请纠正我。感谢您的回复。

参考文献

> W3C规范
> inamidst.com，Sean B. Palmer的网站
> Mozzilla Hacks
> 1uirksmode.org