CSS 字体大小 .5 增量答案

【问题标题】：CSS Font Size .5 IncrementsCSS 字体大小 .5 增量
【发布时间】：2012-04-23 00:50:17
【问题描述】：

在 CSS 中你可以使用 0.5 的增量，即

font-size: 8.5pt;

看不出 font-size: 8pt 和 font-size: 8.5pt 的区别

【问题讨论】：

根据我的经验，这因浏览器而异。最好坚持整数，或精灵文本。
一个 pt 是 1/72 英寸，所以当你做一半时，差异是非常微不足道的。

标签： css fonts font-size pt

【解决方案1】：

点值实际上仅适用于打印 CSS。

引用 Chris C：

点是用于现实生活中的纸上墨水的测量单位排版。 72 点 = 一英寸。一英寸 = 一英寸像尺子一样。屏幕上没有一英寸，这完全是任意的基于分辨率。

来源：http://css-tricks.com/css-font-size/

W3C 提示页面建议在屏幕上避免使用它们：

所谓绝对单位（cm、mm、in、pt和pc）的意思是一样的 CSS 和其他地方一样。将出现以其中任何一个表示的长度与该尺寸完全相同（在硬件的精度和软件）。不建议在屏幕上使用它们，因为屏幕尺寸变化很大。大屏幕可能有 60 厘米（24 英寸），小巧便携屏幕可能只有 8 厘米。而且你不会从同一角度看待它们距离。

来源：http://www.w3.org/Style/Examples/007/units.en.html

【讨论】：

很好的答案！你可以在这里看到使用“pt”仍然有效，只是太小了，看不到jsfiddle.net/jackdent/ZvUbd/1

【解决方案2】：

半个点是非常小的数量。如果不缩放屏幕，您可能永远看不到差异。尽管如此，该软件仍在计算它并在您的分辨率允许的情况下尽可能地显示它。

【讨论】：

【解决方案3】：

当您在使用 pt 时进行 0.5 增量时。这可能足够大，也可能不足以让浏览器渲染得更大。然后每个浏览器呈现的文本略有不同。

【讨论】：

问题是关于pt，而不是em。您所描述的是em 单元。
虽然您应该使用不同的度量类型来获得不同的结果。像素通常用于 CSS 字体世界。