理解px和em单位之间的区别(css rem)

时间:2019-10-30    来源:亚洲365bet    作者:365bet怎么注册
px功能
1
IE无法调整使用px作为一个单元的人的字体大小。
2
大多数外国网站使用em或rem作为源单元,因此可以进行调整。
3
Firefox可以调整px,em,rem,但超过96%的中国互联网用户使用IE(或内核)。
Px像素(像素)
相对长度单位
像素px用于显示屏的分辨率。
(引自CSS2)
0手册)
Em是相对长度的单位。
当前对象中文本的字体大小。
如果未正确设置在线文本的当前字体大小,则它基于浏览器的默认字体大小。
(引自CSS2)
0手册)
浏览器的默认字体高度为16像素。
所有未调整的浏览器都是1em = 16px。
然后12px = 0。
75 em,10 px = 0。
625 em。
要简化字体大小转换,您需要在css正文选择器中声明Font Size = 62。
5%,这是em 16px * 62的值。
5%= 10 px,然后12 px = 1。
您只需要将原始px值除以10并将它们作为一个单元放置,2 em,10 px = 1 em
EM功能
1
em的值不固定。
2
Em继承父元素的字体大小。