css em是什么单位

作者：寡欢— 发布日期:2026-02-12 浏览:102

/* em 是一个相对单位，相对于父元素的字体大小。如果父元素没有明确指定字体大小，则相对于浏览器的默认字体大小（通常为16px）。*/

/* 示例代码 */
.parent {
  font-size: 20px; /* 父元素字体大小为20px */
}

.child {
  font-size: 1.5em; /* 子元素字体大小为父元素的1.5倍，即30px */
}

解释说明：

em 是一个相对单位，表示相对于父元素的字体大小。
在上面的示例中，.parent 的字体大小是 20px，而 .child 的字体大小是 1.5em，即 20px * 1.5 = 30px。

上一篇：css important的用法

下一篇：css ul li 横向排列