【px、em、rem三者的联系与区别】

---恢复内容开始---

【px、em、rem三者的联系与区别】

未经调整的浏览器都符合1em=16px

 

px ： 绝对尺寸，是相对于显示器屏幕分辨率而言，一般响应式布局不适用

em： 相对尺寸，是相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

　　1.em的值并不是固定的。

       2.em会继承父级元素的字体大小。

rem：“相对尺寸”但相对的只是HTML根元素

 

☀为了简化font-size的换算，需要在css中的body选择器(通用选择器)中声明font-size=62.5%，这就使em值变为 16px*62.5%=10px, 这样10px=1em, 也就是说只需要将你的原来的px数值除以10

---恢复内容结束---

转载于:https://www.cnblogs.com/yangchenlu/p/10828809.html