我们究竟应该在css中使用rem单位？

Question

根据我从互联网上获得的任何信息，很明显rem单位用于指定字体大小。除了font-size之外，我们可以使用此单元以及浏览器对它的支持。 将rem用于高度是否可以？

Answer 1

  

如果要使用嵌套元素，并且希望字体大小测量比根元素字体大小。

请参阅此示例并进行比较。

.em {
    font-size: 0.5em;
}

.rem {
    font-size: 0.5rem;
}

<p>When use Em Unit </p> 
<div class="em">I am Div1
   <div class="em">I am Div2
      <div class="em">I am Div3</div>
   </div>
</div>
<p>When use REM Unit </p> 
<div class="rem">I am Div1
   <div class="rem">I am Div2
      <div class="rem">I am Div3</div>
   </div>
</div>

  

em unit测量字体大小比当前字体大小测量字体大小更小和更小，但rem单位测量字体大小比根元素字体大小。