css中1em等于18像素

在CSS中，em是一种相对于父元素字体尺寸的计量单位。默认情况下，1em等于所在元素的字体大小。这使得em非常适合用于响应式设计，因为可以根据父元素的大小调整字体大小。

然而，除非我们明确的将根元素的字体大小设为100%或16像素，否则我们不能确切的知道1em等于多少像素。

html {
  font-size: 100%;
}

在上面的代码中，我们将根元素的字体大小设置为100%。在默认情况下，根元素字体大小为16像素。因此，1em等于16像素。但是，由于16像素在不同的设备上可能会看上去太小或太大，我们可能会将根元素的字体大小设为18像素。

html {
  font-size: 18px;
}

在上面的代码中，根元素的字体大小被设置为18像素。在此情况下，1em等于18像素。

需要注意的是，em单位被用于元素内的文本大小和行高，以及元素宽度和高度时的相对值。因此，当我们使用em单位时，我们需要非常小心，尤其是在嵌套元素中。

总之，1em等于多少像素取决于所在元素的字体大小。如果我们将根元素的字体大小设置为18像素，那么1em等于18像素。