为什么rem在这段代码中表现得像em?

<div style="font-size: 10px; height: 5rem">test</div>


我的html根字体大小为16px,这个div是我的html中唯一的元素。

最佳答案

MDN


  rem
  该单位表示根元素的字体大小(例如,元素的字体大小)。


如果html将具有font-size: 16px,则5rem元素的div高度将为5*16=80px

您可以在以下代码段中看到80px的高度:



html {
  font-size: 16px;
}

<div style="font-size: 10px; height: 5rem; border: 1px solid red;">test</div>






  请注意,字体大小不会改变。将是10px; height中只有div会更改。

09-25 16:56
查看更多