转换pt和px

Question

我想了解转换PT到PX。我使用的是Photoshop，HTML和CSS，并且它在浏览器中看起来并不一样。我明白你可以通过使用这个来解决它：points = pixels * 72/96？计算机上是否设置了DPI？屏幕的分辨率或您在Photoshop中设置的分辨率是否也会影响公式？

Answer 1

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

老版本的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设置设置为等效设置。