converter - 转换 pt 和 px

Question

我试图理解将 PT 转换为 PX。我正在使用 Photoshop、HTML 和 CSS，但在浏览器中的效果似乎不一样。我知道您可以使用以下方法计算出来：点 = 像素 * 72 / 96？电脑上设置的DPI是96吗？屏幕分辨率或您在 Photoshop 中设置的分辨率也会影响公式吗？

Answer 1

如果您查看CSS Values and Units Level 3规范，物理尺寸单位（包括pt）被定义为它们在给定介质上的物理尺寸（1cm屏幕和纸张上的尺寸相同）。（px像素）单位是根据参考像素定义的96dpi，与正在显示的介质的分辨率无关。

旧版本的 CSS 规范没有将像素定义为96dpi，但大多数现有内容都依赖于这个假设，因此使用另一个 DPI 值会破坏现有内容。

你有1px = 1/96in => 96px = 1in由于参考像素的定义。

你有1pt = 1/72in => 72pt = 1in由于点的定义。

因此，结合这两个方程，你有：

   72pt = 96px
=> (72 / 96)pt = 1px

将等式两边乘以P（像素数）可以得出：

P(72 / 96)pt = Ppx

这是你的方程式。

您需要确保将 Photoshop 的 DPI 设置设置为等效设置。