默认 HTML 字体大小答案

【问题标题】：Default HTML font size默认 HTML 字体大小
【发布时间】：2014-07-02 23:10:03
【问题描述】：

我想知道默认的 html font-size 是什么，我找不到答案。

我的意思是：

与此相对应的字体大小（以像素为单位）：

html {
    font-size: 100%;
}

如果您需要计算 rem 字体大小，了解这一点可能很有用。

【问题讨论】：

标签： html css

【解决方案1】：

默认为 16px。

如果你创建一个包含任何文本的 HTML 文件，在 Chrome 中打开它，你可以检查计算的样式。

【讨论】：

是的！完全忘记了计算样式！
我一直在寻找答案，但我偶然发现了这里，这是公认的答案，真的吗？不仅 16px 不是默认值，用户实际上可以将 16px 更改为任何东西，并且您依赖的计算样式不会为您节省...
什么是 pt 中的 16px？

【解决方案2】：

在W3 CSS specification中，除了相对值medium之外，没有明确的默认font-size。

话虽如此，对 IE、Firefox 和 Chrome 的开发者版本的快速测试都表明，事实上的标准是 16px。我很想看到有人在移动版本上对此进行测试。

编辑：截至 2017 年 3 月 20 日，桌面上的 Chrome、Firefox、Edge 和 IE 的稳定版本以及移动设备上的 Chrome、Firefox 和 Opera 都默认为 @ 16px 的事实标准987654326@.

【讨论】：

+1 这里唯一的答案是对在不同浏览器中进行实际测试表示赞同。虽然现在您需要添加移动设备；）
您知道事实标准背后的基本原理吗？会很棒
@Webwoman 我做了一些研究，听起来答案归结为“因为这是关于微软开发 Internet Explorer 时传统印刷媒体的规模”。如果您想阅读更多内容，这里是我的资料来源：) blog.usejournal.com/your-body-text-is-too-small-5e02d36dc902 thomasphinney.com/2011/03/point-size

【解决方案3】：

Live demo

这是一个简单的检查方法：

HTML：

<p>Hello world</p>
<span></span>

JQuery:

$('span').text("Font-size is: "+($('p').css('font-size')));

屏幕输出：

Hello world

Font-size is: 16px

【讨论】：

【解决方案4】：

默认值取决于浏览器。这实际上是使用rem 单元的原因。例如，如果我们知道默认值是16px，那么使用rem 就没有什么意义了。

正如其他答案所述，浏览器中常见的出厂设置默认值为16px。这可以由用户在浏览器设置中更改。在某些浏览器中，您可以将大小设置为以像素为单位的任意数字，而某些浏览器只有几个备选方案，以口头方式描述。另外，默认字体大小也可以在用户样式表中设置。

【讨论】：