rem 的“根元素”是什么？答案

【问题标题】：What is the "root element" for rem?rem 的“根元素”是什么？
【发布时间】：2015-09-11 19:25:30
【问题描述】：

等于根元素上计算的 font-size 值。在根元素的 font-size 属性上指定时，rem 单位指的是属性的初始值。

这个“根元素”指的是什么？ <html>? <body>?

【问题讨论】：

标签： html css

【解决方案1】：

见the HTML specification。

对于 HTML 文档，根元素是 <html>。

只有一个元素，称为根或文档元素，它的任何部分都不会出现在任何其他元素的内容中。] 对于所有其他元素，如果开始标签在另一个元素的内容中，则end-tag 在同一个元素的内容中。

【讨论】：

好的，谢谢。我看到很多人设置html, body { font-size: 20px; }，这让我觉得有时html 被视为root，有时body 是。所以 rem 永远不会将body 视为root 对吗？你知道他们同时使用html 和body 选择器的原因吗？
@AdamZerner — 我对字体大小继承不能正常工作的怪癖模式行为有模糊的回忆。这很可能是由于旧的浏览器错误、货物崇拜或两者兼而有之。

【解决方案2】：

所有具有 html 标准的 web 正文都以 <html> 开头。这就是为什么根元素是 html 标记的原因。即使您从html文件中删除html标签并使用浏览器打开它，您也可以通过浏览器为您添加html标签的inspect element功能检查代码。

【讨论】：

您将 elements 与 tags 混淆了。标签用于源文本中标记元素的开始和结束。 HTML（以及 HEAD 和 BODY）元素始终存在于 HTML 文档中。然而，它们的标签完全是可选的，浏览器将根据需要打开和关闭元素。例如，您真正需要 </head> 或<body> 标记的唯一时间是，当您想要使用HEAD 元素内也允许的元素开始BODY 元素时。