跳到主要内容

简述rem和em的区别 ?

参考答案:

rem和em都是CSS中的相对长度单位,用于设置元素的大小,如字体大小或宽度等。它们的主要区别在于参考的基准不同:

  1. rem是相对于HTML根元素的字体大小。这意味着,如果根元素的字体大小被改变,那么所有使用rem单位的元素的大小也会相应地改变。使用rem单位可以简化样式表的编写,因为只需要设置根元素的字体大小,其他元素的大小都可以使用rem单位进行计算。
  2. em是相对于父元素的字体大小。这意味着,如果父元素的字体大小被改变,那么使用em单位的元素的大小也会相应地改变。因此,使用em单位时,需要逐级设置每个父元素的字体大小,否则可能会出现样式混乱的情况。

总的来说,rem和em的主要区别在于它们的参考基准不同,rem是基于根元素,而em是基于父元素。在选择使用哪种单位时,应根据具体需求和场景来决定。