首页前端开发正文

1em等于多少像素

朱绪2017-01-153239

1em并不是固定等于多少像素的,它是一个相对数。

这个相对是相对于父元素的font-size。

来看一下例子吧,如下图:

1221.png

对应的css代码是:

div {font-size:20px;}
p {font-size: 0.5em;}

<div>设置了字体大小20px,所以此时它的后代元素会继承20px的字体大小,除非重新对后代元素进行专门的属性设置。

这里,后代元素p就是进行了专门的设置的。

0.5em就是20px ✖ 0.5 = 10px。

这么一说,应该很容易知道em是什么意思了吧。