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

【问题标题】：Why is my font size of 1.1em way too large?为什么我的 1.1em 字体太大了？
【发布时间】：2020-07-30 08:02:38
【问题描述】：

当我将font-size 从 1em 更改为 1.1em 时，字体会变为巨大的大小。它看起来大约大小为 48px 或其他东西。它应该只增加 10%。

* {
  font-size: 1.1em;
}

【问题讨论】：

【解决方案1】：

因为使用该选择器，每个嵌套元素的大小都会增加 10%。您可能需要1.1rem，或者更好的是，只需设置:root { font-size: 18px; }

【讨论】：

【解决方案2】：

@ray hatfield 的回答是正确的。

作为替代方案，您可能希望将此规则的 * 选择器更改为 html。

html {
  font-size: 1.1em;
}

这样只有“基本字体大小”（为html标签定义，由浏览器默认设置定义）将增加10%，所有其他字体大小（但仅那些有 relative 单位的人，如em 或rem 会相应地改变。

【讨论】：