css 中1em是多少像素

在学习 CSS 的过程中，我们经常会遇到“em”这个单位。但很少有人知道，1em 到底是多少像素。

实际上，1em 并没有固定的像素值。这是因为它是相对于当前元素的字体大小而言的。也就是说，如果当前元素的字体大小为16像素，那么1em就是16像素；如果当前元素的字体大小为20像素，那么1em就是20像素。

在以下情况下，1em大小可以有固定的值：

/*在body元素中，1em相当于16像素*/
body {
  font-size: 16px;
}
 
/*在下面示例的 p 元素中，1em相当于20像素*/
p {
  font-size: 20px;
}

总之，1em的大小是相对于当前元素的字体大小而言的。这是为了让开发人员能够更加灵活地调整字体大小。如果要实现一个像素完全固定的设计，建议使用像素作为单位。