css中em和rem的区别
1. em
em是个相对单位，相对的是最近的父节点，如有下代码
<style>
.parent{
font-size:50px;
}
.child{
font-size:0.5em;
}
</style>
<div class='parent'>
<div class='child'></div>
</div>
子节点的字体大小是最近的那个父节点的字体大小的0.5，即50px*0.5=25px
2. rem
rem和em区别是，rem相对的是DOM的root节点，即html节点
需要注意的是fontsize属性是可以继承的，所以元素的直接父节点没有设置font-size，那就往上需找，或者是浏览器默认（一般前端不会这么干）
参考文献
