Question

em的默认参考字体大小是多少？是html还是身体？我已经在SO中搜索了答案，但无法找到答案。

Answer 1

大多数主流浏览器都将标准文本设置为默认字体大小为16px。

来自MDN：

如果您还没有在页面的任何位置设置字体大小，那么它就是浏览器默认值，通常为16px。

继续说：

因此，默认情况下1em = 16px，2em = 32px。如果您设置了font-size body元素上的20px，然后1em = 20px和2em = 40px。注意值2基本上是当前em大小的乘数。

是否在body或html元素上声明了初始字体大小由浏览器制造商决定。 W3C建议default style sheet不指定元素（甚至是字体大小）。

Answer 2

em没有默认的字体大小，em会继承父级字体大小的值，例如，如果你的div里面有一个段落，而div的字体大小设置为18 px那么你将段落的字体大小设置为0.5 em，在这种情况下，font-size将是9px，因此它将取决于父元素的字体大小。

如果父元素是浏览器窗口，则font-size默认值为16 px，因此1em将等于16px

在比较CSS单位

之前看一下我写的this文章

Answer 3

em的参考字体大小是您为其定义大小的最后一个父元素。您也可以这样说：em单位相对于元素的当前大小。

您可以在两个代码段中看到差异。在第二个中，<p>的字体大小是第一个的两倍。

＆＃13;

body{
  font-size:10px;
}
p{
  font-size:2em;
}

＆＃13;

<body>
  <div class="container">
    <p>Text</p>
  </div>
</body>

＆＃13;

body{
  font-size:10px;
}
.container{
  font-size:20px;
}
p{
  font-size:2em;
}

＆＃13;

<body>
  <div class="container">
    <p>Text</p>
  </div>
</body>

＆＃13;