px、em和rem的区别

1.px
px：绝对单位。像素px是相对于显示器屏幕分辨率而言的，不会因为其他元素的尺寸变化而变化 。

2.em
em：相对单位，相对于父元素而言的。通常16px（浏览器默认字体大小）=1em，则12px=0.75em，10px=0.625em。
为简化font-size的换算，需要在css中的body选择器中声明font-size=62.5%，这就使em的值变为16px*62.5%=10px，这样12px=1.2em，10px=1em，也就是将原来的px值除以10，换上em做单位就可以了。

3.rem
rem：是CSS3新增的一个相对单位。相对的是HTML根元素。