为什么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
会更改。