在根级别使用时 rems 和 em 是否等效？

问题描述

从 this answer 我看到了规范中 rem 的定义：

rem 单位

等于 font-size 在根元素上的计算值。当在根元素的 font-size 属性中指定时，或在没有根元素的文档中指定时，1rem 等于 font-size 属性的初始值。

而em的定义是：

em 单位

等于使用它的元素的 font-size 属性的计算值。

对我来说，这意味着 1em == 1rem 在 :root 处使用时的定义。

我说得对吗？

解决方法

是的

:root {
  font-size:40px;
  border-top:   1rem solid red;
  border-bottom:1em  solid green;
}