转换pt和px

Question

我试着理解把PT转换成PX。我正在使用Photoshop、HTML和CSS，在浏览器中它的工作方式似乎不一样。我知道你可以用这样的方法计算出来:点=像素* 72 / 96？96新闻部设置在电脑上吗？屏幕的分辨率或你在Photoshop中设置的分辨率也会影响公式吗？

Answer 1

如果您查看CSS值和单元级别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设置设置为等效设置。