CSS 中 em 是基于当前元素的字体大小的

单位，表示相对于父元素的字体大小。em 是一个相对单位，它的大小会根据父元素的字体大小来进行调整。例如，如果父元素的字体大小是 16px，那么 1em 就等于 16px，0.5em 就等于 8px。如果一个元素的字体大小是 1.5em，那么它的字体大小会是父元素字体大小的 1.5 倍。em 单位在响应式设计中非常有用，可以根据父元素字体的大小自动调整。

举个例子，假设有以下的 CSS 代码：

.parent {
  font-size: 16px;
}

.child {
  font-size: 1.5em;
}

如果应用到如下的 HTML 代码中：

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

那么父元素 .parent 的字体大小是 16px，子元素 .child 的字体大小会是 1.5 * 16px = 24px。