简述em rem,及其区别

em和rem都是CSS中的长度单位，下面简单说一下

rem

rem是CSS3中新增的一个单位，是一个相对单位，是相对于根元素的
如果设置了字体大小font-size,例如给根元素设置

html{
      font-size: 14px;
    }

则子元素设置1rem:14px
这样的好处就是，可以通过只修改根元素的字体大小来调整整个页面的字体大小，避免了字体大小层级太多导致的混乱。

em

em也是一个相对单位，它会继承父级元素的字体大小例如给父级元素设置

font-size:20px;

则1em=20px,如果父级元素没有设置字体大小则根据浏览器的默认字体大小1em=16px
如果有多层元素嵌套的话，使用em容易导致em单位长度混乱，不推荐使用