这是一个很好的阅读主题
点(pt):点传统上用于印刷媒体(任何要打印在纸上的东西等)。一点等于 1/72 英寸。点很像像素,因为它们是固定大小的单位,不能按大小缩放。
请参阅 W3C 的这篇文章
所谓的绝对单位(cm、mm、in、pt 和 pc)在 CSS 中的含义与其他任何地方相同。以其中任何一个表示的长度将显示为与该大小完全相同(在硬件和软件的精度范围内)。不建议在屏幕上使用它们,因为屏幕尺寸变化很大。大屏幕可能有 60 厘米(24 英寸),而便携的小屏幕可能只有 8 厘米。而且您不会从相同的距离看它们。
绝对单位之间的关系如下:1in = 2.54cm = 25.4mm = 72pt = 6pc
因此,在 72 PPI(每英寸像素)显示器上,1 像素 = 1 点,所以如果 PPI 为 72,则在 Mac 上是,1pt = 1px,如果 PPI 为 96,则在 Windows 机器上,则 1pt=1.3'px。
Mac 的 72 和 Windows 的 96 只是默认值,可能会因可用硬件和系统设置而异。
积分是用来打印的吗?没有。
积分不是专门用于打印的。从理论上讲,点用于定义绝对度量。像素不是绝对的,因为取决于您的屏幕和选择的定义(不是分辨率),分辨率(每英寸像素数)可以从很多(150dpi)或很少(75dpi)。这意味着您的像素可以是一个大小,或者可能是那个大小的一半。这意味着您设计的在屏幕上清晰易读的文本可能在您客户的屏幕上看起来太大(“请让文本更小,好吗?”)或太小而无法在您邻居的屏幕上阅读(“嘿,您的网站前几天告诉我的?你说你做过的那个……好吧,我看不懂文字,它太小了”)。
积分是解决这个问题的方法。但是浏览器和操作系统需要管理这些。基本上,这意味着:
浏览器必须使用给定的值(例如 10pt)和屏幕的实际分辨率来计算显示大小(以像素为单位);操作系统必须传达真实的当前分辨率,而不是默认值。
另外,看看这个问题和这篇文章