px与em的区别

今天看项目中有很多单位都是使用em表示的，我一般习惯都是使用px，所有就百度简单了解了一下它们的区别

1.px像素（Pixel）是相对长度单位，像素px是相对于显示器屏幕分辨率而言的

2.em是相对长度单位，相对于当前对象内文本的字体尺寸，即字体可以缩放

3.IE无法调整那些使用px作为单位的字体大小；即字体没有缩放的效果

4.一般将行距（line-height），和纵向高度的单位都用em，起到一定的自适应作用

5.一般浏览器的字体默认高度都是16px  一般未经调整的浏览器都符合1em=16px

6.em更适合响应式布局，px适合非响应式布局，但是不是一定要使用哪种，需根据项目需求，注意em的继承性

7.以下进行一个换算：

12px=0.75em，10px=0.625em。为了简化font-size的换算，一般在使用em时需要在css中的body选择器中声明font-size=62.5%，这就使em值变为 16px*62.5%=10px，这样12px=1.2em，10px=1em，也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了。