3

我真的需要知道这一点。每个人(希望)都知道 dpi 在网络上无关紧要,无论您以 4000 或仅 1 dpi 保存和图像,您的计算机只是将其显示为指向像素。现在,pt 中的 css 和字体大小呢?许多网站说 windows 使用 96 dpi 和 mac 72 这意味着 mac 上的 1 pt 是 1 px 而 windows 上是 1,333 px。但这没有任何意义,操作系统与任何分辨率无关,只有屏幕有PPI,没有dpi。而 ppi 取决于屏幕。

Mac上的1pt是1px,PC上的1,333px是真的吗?

4

1 回答 1

3

这是一个很好的阅读主题

点(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)和屏幕的实际分辨率来计算显示大小(以像素为单位);操作系统必须传达真实的当前分辨率,而不是默认值。

另外,看看这个问题这篇文章

于 2014-03-18T11:30:32.167 回答