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

回答