[分享]css中em的中文名称

在CSS中有一个相对长度单位叫做em。em是根据父元素字体大小计算的长度单位。当给一个元素设置em作为宽度、高度、字体大小等属性时，它们的值将根据该元素的父元素字体大小来进行计算。即使在父元素字体大小...

在CSS中有一个相对长度单位叫做em。em是根据父元素字体大小计算的长度单位。当给一个元素设置em作为宽度、高度、字体大小等属性时，它们的值将根据该元素的父元素字体大小来进行计算。即使在父元素字体大小发生变化时，也不需要修改em的值。
举个例子，假设我们有如下的HTML结构:

<div class="parent">
  <p class="child">Hello World</p>
</div> 

我们想要给p元素设置字体大小为父元素字体大小的2倍，可以写如下CSS代码:

.parent {
  font-size: 16px; /* 父元素字体大小为16px */
}
<br>
.child {
  font-size: 2em; /* 子元素字体大小为父元素字体大小的2倍，即32px */
} 

在上面的代码中，我们给父元素设置了字体大小为16px，然后给子元素设置了字体大小为2em，这意味着子元素的字体大小将根据父元素的字体大小进行计算，最终结果是32px。
在中文中，em的中文名称是“等倍体”，也有一些人叫它为“倍数单位”。
总之，em是一个非常有用的长度单位，它能够使我们的CSS样式更具有灵活性和可维护性，对于响应式布局尤其有用。