CSS是否使用像素比率或几分之一英寸？

Question

我已经阅读了有关CSS像素大小的两件事：

1）1px = 0.75pt，其中1pt = 1/72英寸

2）1像素=（物理像素大小）*（像素比率）

因此，在（1）中，1px的宽度是0.75 / 72英寸，而在（2）中，如果像素比率是2，则1px的宽度是物理像素宽度的2倍。

哪个？

Answer 1

MDN给出CSS中像素的简短摘要。 CSS中的单个像素基于96 DPI的像素密度。

https://developer.mozilla.org/en-US/docs/Glossary/CSS_pixel

[我发现了由Vincent Hardy和Sylvain Galineau发布的有关CSS像素和设备像素比率的主题的Github文件。

https://webplatform.github.io/docs/tutorials/understanding-css-units/

查看上面的链接以获取详细信息。简短的版本是CSS像素基于物理英寸的1/96显示。因此看来答案是CSS像素除以设备像素比率。如果设备像素分辨率为96dpi，则为1对1映射。

文章中提供的示例：在分辨率为110dpi的MacBook Pro 15英寸显示器上，盒子的物理宽度为：96 * 1/110 = 0.872英寸。这是因为CSS像素与设备像素之比为1。在我的屏幕上使用直尺，我测得的厚度为0.88英寸，而不同之处是基本的直尺和近似的视觉。因此，CSS英寸与物理英寸相比减少了22.8％。