android - 为什么 CSS 中的点单位等于 1.333 像素？

Question

我的组织对于一个点中有多少像素存在很多困惑，我已经陷入了一个深深的兔子洞，我仍然没有答案我在这里发布的一些问题......

首先，“物理像素/设备像素”和 CSS 像素之间存在明显差异。iOS 上的“物理点”和点单位之间也存在差异。

这是对我发现的内容的调查：

在 iOS 上 iPhone 中的像素和点是什么？

• 1 个 iOS 点等于 1x 设备上的 1 个物理像素。
• iOS 点被用作密度独立像素的抽象单位，其中 1 个 iOS 点等于 1 个密度独立像素。

Android “px”、“dip”、“dp”和“sp”有什么区别？

• 1 个 android 点不等于 1x 设备上的 1 个物理像素。
• 1 机器人点等于 1/72 英寸。
• 1 dp 用作与密度无关的像素。

网页 https://www.w3.org/Style/Examples/007/units.en.html

• 1 个 CSS 点不等于 1x 设备上的 1 个物理像素。
• 显然 CSS 点是列出的单位，不推荐使用。

草图

• 根据 Sketch 单位默认以点为单位，1 个点等于 1 个像素。

视觉

• 1 点等于 1 个像素。

我也遇到过这个公式：

pixel   = point * resolution (in terms of dpi) / 72

显然，一个点中的物理像素数是可变的......

所以，我的问题是：

• 为什么 1 CSS 点等于 1.333 CSS 像素？

标签： androidhtmlioscss