CSS Rem的奇怪行为

我遇到CSS rem字体大小的问题。这里是我的代码（检查codepen）：CSS Rem的奇怪行为

雷姆定义告诉H1字体大小必须35px 36px和之间，但它的实际字体大小是41.2px。而对于36px，我必须放2.3rem你能帮我解决这个问题吗？我究竟做错了什么？

因为rem（根em）从根元素，这是<html>

请参见下面的云：

html { 
 
    font-size: 14px; 
 
} 
 

 
h1 { 
 
    font-size: 2.57rem; 
 
}

<h1>Rem Test</h1>

还有一个伪元素称为:root你可以改用（应该可以在任何主要浏览器上运行）

2017-09-25 18:51:05 lumio

谢谢！有用！ –

不用'html'，你可以使用'：root' – lumio

回答