em、px和rem有什么区别？

• px： 绝对单位， ⻚⾯按精确像素展示。IE无法调整使用px作为单位的字体大小，Firefox能够调整px和em，rem。

• em： 相对单位， 基准点为⽗节点字体的⼤⼩， 如果⾃身定义了font-size按⾃身来计算（浏览器默认字体是
  16px） ， 整个⻚⾯内1em不是⼀个固定的值。em会继承父级元素的字体大小。

• rem： 相对单位， 可理解为 “root em”, 相对根节点html的字体⼤⼩来计算， CSS3新加属性， chrome/firefox/IE9+⽀
  持。使用 rem 的时候，我们需要在根元素确定一个参考值。使用 rem 既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。