css中em单位和rem单位

em是相对长度单位。相对于当前对象内文本的字体尺寸,也就是font-size设置的大小。

如当前对行内文本的字体尺寸未被人为设置,则寻找父级的font-size,如果没有父级或者父级没有设置font-size,

就相对于浏览器的默认字体尺寸(16px)。

例如1:

8.png

9.png

例如2: 给div1添加font-size:12px(浏览器最小的支持的值,也就是如果比这个还小,还是以12px进行显示)

10.png

换算的结果:

11.png

例3:

12.png

换算的结果:

13.png

14.png

15.png

rem单位是相对于html的font-size而言的。

例:

16.png

换算的结果:

17.png



猜你喜欢

转载自blog.51cto.com/11871779/2308268