浅谈em和rem区别

自己在学习过程中，对于rem和em一直没有怎么用过，直到做移动端适配，需要用到rem。这两个单位简单点来说，就是，em是相对于父级元素大小的，比如这段代码：

    <style>
        .father{
            font-size: 15px;
        }
        .son{
            font-size: 2em;
        }
      
    </style>
<div class="father">
    <div class="son">
        a
    </div>
</div>

a有一个父级father，给father设置一个size为15px，那么son的大小就是它的2倍。
而rem是相对于根标签（html）来设置的。我们知道浏览器默认字体大小是16px,所以2rem就是32px. 只是拙见，欢迎指正。