em 和 rem

em和rem都是CSS中的相对单位，用于设置字体大小和其他元素的尺寸。它们的主要区别在于参照对象不同。

em单位的参照对象是父元素的字体大小。当使用em单位时，元素的大小会受到父元素字体大小的影响。如果父元素的字体大小发生变化，那么使用em单位的子元素的大小也会相应地变化。

而rem单位的参照对象是根元素的字体大小。这意味着，当使用rem单位时，元素的大小不会受到父元素字体大小的影响，而是相对于根元素的字体大小进行计算。因此，调整根元素的字体大小时，整个页面的布局和元素大小都会相应地调整，这使得页面的维护更加方便。

总的来说，em和rem各有其特点和适用场景。使用em单位可以方便地实现元素的相对大小调整，但需要逐级设置每个父元素的字体大小。而使用rem单位可以简化样式表的编写，并方便地进行全局的字体大小调整。在选择使用哪个单位时，需要根据具体的项目需求和设计目标进行权衡。