为什么我的1.1em字体大小太大？

Question

当我将font-size从1em更改为1.1em时，字体会变大。看起来大小约为48px。只能增加10％。

* {
  font-size: 1.1em;
}

Answer 1

因为使用该选择器，每个嵌套元素的大小都会增加10％。您可能希望改用1.1rem，或者最好将:root { font-size: 18px; }设置为

Answer 2

@ray hatfield的答案是正确的。

或者，您可能希望将此规则的*选择器更改为html。

html {
  font-size: 1.1em;
}

这样，仅“基本字体大小”（由浏览器的默认设置定义的html标记定义）将增加10％，所有其他字体大小（但只有具有相对单位（例如em或rem）的人会相应地更改。