html - 字体大小百分比 (CSS)

我目前有以下 html 片段：

#first {
  font-size: 100%
}

#second {
  font-size: 50%;
}

<body>
  <p id="first">This is the first sentence</p>
  <p id="second">This is the second sentence</p>
</body>

因为 % 指的是容器的百分比（在本例中为主体），所以我希望 #first 的字体大小为 16px，#second 的字体大小为 8px。

但是，当我在 Chrome 的开发人员工具中检查计算值时，我看到 #first 的字体大小为 16px，但 #second 的字体大小为 9px。

我在这里错过了什么吗？如果有人能解释发生了什么，那就太好了。

标签： htmlcssfont-sizepercentage