html - em 定义中的 "the currently chosen font size"是什么？

Question

在这个问题中:Why em instead of px?在最佳投票的答案中，em 定义为:

em is not an absolute unit - it is a unit that is relative to the currently chosen font size. Unless you have overridden font style by setting your font size with an absolute unit (such as px or pt), this will be affected by the choice of fonts in the user's browser or OS if they have made one, so it does not make sense to use em as a general unit of length except where you specifically want it to scale as the font size scales.

Use em when you specifically want the size of something to depend on the current font size.

在my website主页，我在页面标题(网站名称)中有一个字体大小等于 2.1 em 的 h1 标签，它看起来小于带有字体的 h2 标签-大小等于 1.9 em。以下屏幕截图展示了使用 Google Chrome 浏览器的情况:

我的问题是: em 定义中考虑的当前字体大小是什么意思？换句话说，我怎么知道当前的字体大小？

Answer 1

这意味着 em 基于 font size最亲近的 parent 。因此，<h2> 设置的字体大小的父级必须大于 <h1> 的父级的 parent 。

所以，如果 <h2> 的父级例如，字体大小为 40px，<h1> 的父级字体大小为 20px , 1.9em的 40px将大于 2.1em的 20px

Read more here to learn about how font-sizing works

更新/注意事项

如果您想保证整个页面的字体大小，您应该考虑使用 px设置 font-size属性(property)。使用 px 将保证字体大小是绝对的，而不是 relative 这正是使用 em 的好处。