默认的HTML字体大小

Question

我想知道默认的html字体大小是什么,我找不到答案.

我的意思是:

与此对应的字体大小(以像素为单位):

html {
    font-size: 100%;
}

如果您需要计算rem字体大小,可能有用.

Answer 1

默认值为16px.

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

在此输入图像描述

Answer 2

在W3 CSS规范中,font-size除了相对值之外没有明确的默认值medium.

话虽这么说,对IE,Firefox和Chrome的开发者版本的快速测试都表明事实上的标准是16px.我有兴趣看到有人在移动版本上测试这个.

编辑:截至2017-03-20,桌面上Chrome,Firefox,Edge和IE的稳定版本以及移动设备上的Chrome,Firefox和Opera均默认为16px的事实标准font-size.

Answer 3

这是一个简单的方法来检查它:

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. 这可以由用户在浏览器设置中更改。在某些浏览器中，您可以将大小设置为以像素为单位的任意数字，而某些浏览器只有几种选择，如口头描述。此外，还可以在用户样式表中设置默认字体大小。