px、em、rem区别

• px   ： 绝对单位，页面精确到像素展示
• em ： 相对单位，基准节点为父节点的 字体的大小，如果定义自身的 font-size，就按照自身的算。浏览器默认字体大小是16px，整个页面的em是不固定的
• rem： 相对单位，以根节点html的字体大小来算，css3新加属性。ie9+支持

根节点字体设置为30px，黑块宽高设为3rem，则相对的就是90px

 

 

父节点设置字体大小为20px，宽高设置为3em，则对应60px。

如果自身字体设置为10px，那么3em为30px