CSS：100% 字体大小 - 100% 是什么？

有many http://www.alistapart.com/articles/howtosizetextincss articles http://www.w3.org/TR/CSS2/fonts.html#font-size-props and 问题 https://stackoverflow.com/questions/132685/font-size-in-css-or-em about 百分比大小与其他大小 http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/字体。但是，我无法找出百分比值的参考应该是什么。我知道这是“所有浏览器中的大小相同”。我也读过这个，例如：

百分比 (%)：除了一些基本差异外，百分比单位与“em”单位非常相似。首先也是最重要的，当前字体大小等于 100%（即 12pt = 100%）。使用百分比单位时，您的文本对于移动设备和可访问性仍然完全可扩展。

Source: http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/ http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/

但如果你说“ie 12 pt = 100%”，那么这意味着你首先必须定义font-size: 12pt。是这样的吗？您首先以绝对尺寸定义尺寸，然后将其称为“100%”？没有多大意义，正如许多示例所说，这样写很有用：

body {
  font-size: 100%;
}

所以通过这样做，WHAT字体大小是相对的吗？我注意到我在屏幕上看到的每种字体的大小都不同。例如，Arial 看起来比 Times New Roman 大得多。另外，如果我这样做，body size = 100%，就会that意味着它在所有浏览器上都是相同的？或者只有我首先定义一个绝对值？

7 月 23 日星期六更新

我即将到达那里，但请耐心等待。

因此，如果我理解正确的话，% 值与默认浏览器字体大小有关。嗯，这很好，但又给了我几个其他问题：

1. 对于每个浏览器版本，此标准大小是否始终相同，或者它们是否因版本而异？
2. 我 ！找到（见下图）Google Chrome 的设置（以前从未看过这个！），并且我看到标准的“serif”、“sans-serif”和“monospace”设置。但我如何解释其他字体呢？说我定义font: 100% Georgia;，浏览器将采用什么大小？它会查找衬线的标准尺寸，还是将“Georgia”字体作为浏览器的标准尺寸
3. 我在几个网站上read http://www.alistapart.com/articles/howtosizetextincss像Sizing text and line-height in ems, with a percentage specified on the body [..], was shown to provide **accurate, resizable text across all browsers** in common use today。但从我现在学到的东西来看，我相信你实际上应该在可调整大小的文本（使用 % 或 em，就像他们在本引用中推荐的那样）或“跨浏览器准确、一致的字体大小”（通过使用 px 或pt 为基础）。它是否正确？

谷歌设置：

我就是这样think things could如果您不以绝对值定义大小，则看起来像这样。

Firefox 的浏览器默认值为 16pt，您可以通过进入 Firefox 选项、单击“内容”选项卡并检查字体大小来进行检查。您也可以对其他浏览器执行相同的操作。

我个人喜欢控制网站的默认字体大小，因此在每个页面中包含的 CSS 文件中，我将设置 BODY 默认值，如下所示：

body {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px
}

现在我所有 HTML 标签的字体大小都将继承 14px 的字体大小。

假设我希望所有 div 的字体大小比正文大 10%，我只需这样做：

div {
    font-size: 110%
}

现在，任何浏览我的页面的浏览器都会自动使所有 div 比正文大 10%，这应该是 15.4px 左右。

如果我希望所有 div 的字体大小小 10%，我会这样做：

div {
    font-size: 90%
}

这将使所有 div 的字体大小为 12.6px。

另外你应该知道，由于 font-size 是继承的，所以每个嵌套的 div 的字体大小都会减小 10%，所以：

<div>Outer DIV.
    <div>Inner DIV</div>
</div>

内部 div 的字体大小为 11.34px（12.6px 的 90%），这可能不是预期的。

这可以帮助解释：http://www.w3.org/TR/2011/REC-CSS2-20110607/syndata.html#value-def-percentage http://www.w3.org/TR/2011/REC-CSS2-20110607/syndata.html#value-def-percentage