默认的HTML字体大小

Question

我想知道默认的html字体大小是什么，我无法找到答案。

我的意思是：

与此对应的字体大小是什么：

html {
    font-size: 100%;
}

如果需要计算rem字体大小，可能会有用。

Answer 1

默认值为16px。

如果您创建包含任何文字的HTML文件，请在Chrome中打开它，您可以检查计算出的样式。

Answer 2

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

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

编辑：截至2017-03-20，桌面上Chrome，Firefox，Edge和IE的稳定版本以及移动设备上的Chrome，Firefox和Opera都默认为16px的事实标准{ {1}}。

Answer 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

Answer 4

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

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