【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

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

猜你喜欢

转载自www.cnblogs.com/yangchenlu/p/10828809.html