即使我设置了 html 字体大小，REM 大小也没有更新答案

【问题标题】：REM size not being updated even though I set html font-size即使我设置了 html 字体大小，REM 大小也没有更新
【发布时间】：2018-05-22 15:44:45
【问题描述】：

我已将 html 和 body 设置为 15px。

然后我将元素的一些填充设置为1rem，它应该转换为15px。但它却给了我16px...

知道为什么吗？

浏览器：谷歌浏览器。 MacOS。
CSS：手写笔
框架：Vue.js + NUXT

【问题讨论】：

你的样式表确定加载了吗？
是的。这些屏幕截图来自检查员。它们不会被覆盖。
显示填充的元素是什么？
@sol 它是按钮元素的填充。
我无法重现您的问题。 This fiddle 报告 15px 的填充。你能提供一个minimal reproducible example 来证明这个问题吗？另外，您使用的是哪个浏览器和哪个操作系统？你的屏幕有多少 dpi 密度，你是放大还是缩小等等。

【解决方案1】：

答案是还要设置以下内容：

:root {
    font-size: 15px;
}

【讨论】：

没有。 html 与 HTML 文档中的 :root 完全相同。没有区别。或者，不应该。如果您能发现您的情况有所不同，请告诉我们具体情况！
@MrLister 我用更多关于我的浏览器的信息更新了这个问题。不幸的是，我无法在 codepen 中重现问题.......我不知道为什么。
@MrLister 在特异性上有区别。根据 W3 规范，Root 的优先级高于 html 标签。我在手机上，但我很快就会得到链接
@Mr Lister：soulshined 是对的。它们可能匹配 HTML 文档中的相同元素，但它们仍然具有不同的特异性。另一个作者级别的样式表可能正在使用 :root 选择器设置字体大小。（老实说，我不知道教程什么时候开始使用 :root 代替 IE9 hack 之外的 html 来引用根元素，但现在它已经成为许多作者的困惑点。）
@soulshined 和 BoltClock 我是正确的。这并不能解释为什么 OP 会得到与 :root 不同的结果，而不是 html，除非它有更多的 CSS。大概就是这样，也是很难让codepen重现问题的原因。