font

使用 em 值创建动态或计算字体大小（历史上，em 单位是从给定字体中大写字母 “M” 的宽度派生的）。 数字值作为当前元素的 font-size 属性的乘数。考虑以下示例：

css

在这种情况下，

元素的大小将会是其通过继承得到的 font-size 计算值的两倍。因此，1em 的 font-size 等于元素所使用的 font-size 计算值。

为了计算所需像素值的等效 em 值，你可以使用以下公式：

例如，假设页面的 的 font-size 设置为 16px。如果你想要的字体大小为 12px，那么应该指定 0.75em（因为 12/16 = 0.75）。同样，如果你想要字体大小为 10px，则应指定 0.625em（10/16 = 0.625）；对于 22px，请指定 1.375em（22/16）。

CSS 中的 em 是非常有用的单位，因为它会根据读者选择使用的字体自动调整其长度。

记住一个重要事实：em 值是复合的。看下面的 HTML 和 CSS：

css

html

结果是：

假设浏览器的默认 font-size 为 16px，则单词“outer”将渲染为 25.6px，但单词“inner”将渲染为 40.96px。这是因为内部 的 font-size 为 1.6em，相对于其父级的 font-size，而其父级又相对于其父级的 font-size。这通常被称为复合。