px和em的区别

1.长度单位不同，px是数字化图像长度单位，em 是字符宽度的倍数
2. 相对对象不同，px是相对于显示器屏幕分辨率的，em是当前对象内字体的文本尺寸
3. 值不同 px的值是固定的，em的值不是固定的，会继承父级元素的字体大小
注意：浏览器的默认字体是16px,所有未经调整的浏览器都符合: 1em = 16px,那么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作为单位就行了。
所以我们在写CSS的时候，需要注意两点：
1、body选择器中声明Font-size=62.5%；
2、将你的原来的px数值除以10，然后换上em作为单位；
3、重新计算那些被放大的字体的em数值。避免字体大小的重复声明。
rem: CSS3新增的一个相对单位(root em,根em),使用rem为元素设置字体大小，仍然是相对大小但相对的只是HTML根元素