[分享]css中em是什么suoxie

在CSS中，em是一种相对于父元素字体大小的度量单位，它可以用来设置字体大小、宽度、高度以及定位属性等。在使用em之前，我们需要理解它与其他单位的区别。像素（px）是最常见的单位，也是最容易理解的单位...

在CSS中，em是一种相对于父元素字体大小的度量单位，它可以用来设置字体大小、宽度、高度以及定位属性等。在使用em之前，我们需要理解它与其他单位的区别。

像素（px）是最常见的单位，也是最容易理解的单位，它是固定的，不受字体大小影响，因此在设计用于桌面或移动设备上的网站时，使用像素作为单位是非常可靠的。

另外一个常见的单位是百分比（%），它也是相对于父元素的大小而言。与像素不同的是，它会随着父元素的大小而改变。当我们想要根据页面大小而自适应调整大小时，百分比是一个很好的选择。

相比之下，使用em作为单位更加灵活。当我们在嵌套的元素中使用em作为字体大小时，它们可以根据它们各自的父元素大小来调整字体，从而实现更加精确的控制。例如，一个嵌套了两个层级的元素，第一层元素的字体大小为16px，第二层元素的字体大小为1.5em，那么第二层元素的字体大小将会是24px。

.parent {
  font-size: 16px;
}
.child {
  font-size: 1.5em;
  /*将会等价于24px*/
} 

除了字体大小之外，使用em单位也可以来设置宽度、高度以及定位属性。但需要注意的是，对于设置宽度和高度，em在不同的字体大小下可能会产生意想不到的结果，因此有时候使用像素或百分比会更好一些。

总的来说，em作为一个相对单位，可以很好的帮助我们实现精确的控制。在使用时，需要理解它与其他单位之间的差异，从而找到最佳的使用方式。