深入解析CSS单位：1em等于多少px？

在网页设计中，CSS单位是构建网页布局的关键。其中，em单位是一个相对长度单位，常用于描述字体大小和间距。那么，1em等于多少px呢？以下是关于这一问题的详细解答。

问题一：什么是em单位？

em单位是相对于当前元素的字体大小来定义的。如果当前元素的字体大小是16px，那么1em就等于16px。如果父元素的字体大小是12px，那么1em就等于12px。因此，em单位的大小取决于其父元素的字体大小。

问题二：1em等于多少px在不同浏览器中是否相同？

在大多数情况下，1em等于多少px在不同浏览器中是相同的。然而，在IE6及以下版本中，1em的值默认为16px，与大多数现代浏览器不同。因此，如果你需要在IE6及以下版本中保持一致性，你可能需要设置根元素的字体大小为16px。

问题三：如何设置根元素的字体大小为16px？

要设置根元素的字体大小为16px，可以在CSS中使用以下代码：

html {
  font-size: 16px;