即使设置为全局，网站也会显示不同的字体大小
Website shows different font size even if it was set global
我有两个网站，字体由
设置
* {
font-family: "Varela Round", sans-serif;
}
由于未指定font-size，浏览器对每个元素使用他的标准值。但是如果我将尺寸设置为 0.9em 尺寸真的很小。 window.getComputedStyle(element).fontSize 的输出也显示不同的 px 值。如果我设置 font-size: 13px 大小到处都是一样的。
此解释是从站点 Css Font Size
中总结的
这是因为 px 与其他元素无关。 % 和 em 是相对于它们的父级的，这会产生以下效果：
由于 100% = 1em 这两个单位几乎可以（见 % vs em）类似地使用。
一种解决方案是使用 rem，它的作用类似于 em，但不继承父项的值。
另一种是为主要元素设置默认大小，例如body 然后为所有元素设置相对于父元素的字体大小。
But if I set the size to 0.9em the size is really small.
是的，是相对大小。
body 变成 html 字体大小的 90%。
body 中的 section 变为 body 的 90%（因此 html 的 81%）。
section 中的 p 变为 section 的 90%（因此 html 的 72.9%）
以此类推
If I set font-size: 13px the size is everywhere the same.
绝对单位不会根据父元素的字体大小而变化。
我有两个网站，字体由
设置* {
font-family: "Varela Round", sans-serif;
}
由于未指定font-size，浏览器对每个元素使用他的标准值。但是如果我将尺寸设置为 0.9em 尺寸真的很小。 window.getComputedStyle(element).fontSize 的输出也显示不同的 px 值。如果我设置 font-size: 13px 大小到处都是一样的。
此解释是从站点 Css Font Size
中总结的这是因为 px 与其他元素无关。 % 和 em 是相对于它们的父级的，这会产生以下效果：
100% = 1em 这两个单位几乎可以（见 % vs em）类似地使用。
一种解决方案是使用 rem，它的作用类似于 em，但不继承父项的值。
另一种是为主要元素设置默认大小，例如body 然后为所有元素设置相对于父元素的字体大小。
But if I set the size to 0.9em the size is really small.
是的，是相对大小。
body 变成 html 字体大小的 90%。
body 中的 section 变为 body 的 90%（因此 html 的 81%）。
section 中的 p 变为 section 的 90%（因此 html 的 72.9%）
以此类推
If I set font-size: 13px the size is everywhere the same.
绝对单位不会根据父元素的字体大小而变化。