2017-09-25 17 views
1

CSSのフォントサイズに問題があります。ここに私のコードは(codepenに確認してください)です。CSS rem奇妙な動作

​​

レムの定義は、H1、フォントサイズは35pxと36pxの間でなければならないことを伝えますが、それは実際のフォントサイズが41.2pxあるのです。そして36pxのために私は2.3remを置く必要があります。あなたはこの問題で私を助けてくれますか?私は間違って何をしていますか?

答えて

5

rem(ルートemは)<html>

あるルート要素からなっているので、以下を参照してください。

html { 
 
    font-size: 14px; 
 
} 
 

 
h1 { 
 
    font-size: 2.57rem; 
 
}
<h1>Rem Test</h1>

疑似要素もありこれを使用:rootと呼ばれます代わりに使用することができます(主要なブラウザで動作するはずです)

+0

ありがとう!できます! –

+0

あなたは歓迎です。 'html'の代わりに':root'を使うこともできます – lumio