1em等于多少像素

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

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

来看一下例子吧，如下图：

对应的css代码是：

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

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

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

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

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