转换pt和px

Question

我试图了解将PT转换为PX。我使用的是Photoshop，HTML和CSS，而且在浏览器中似乎没有相同的效果。我知道你可以通过使用它来解决这个问题：points = pixels * 72/96？计算机上是否设置了96 DPI？屏幕的分辨率或您在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设置设置为等效设置。