Css 字体大小不一致（百分比）

我的html中有一个62.5%的基本大小，我会相应地乘以标题的字体大小。当我在Chrome中查看时：不同的h2标题具有相同的字体大小，但它们在我的屏幕上以不同的大小显示。据我所知，字体大小（含%）取决于html的字体大小。但无论如何，父容器的宽度也是相同的

 html {
    font-size: 62.5%; }

  h1, h2, h3, h4 {
    text-align: center; }

  h1 {
    font-size: 250%; }

  h2 {
    font-size: 187.5%; }

  h3 {
    font-size: 125%; }

  h4 {
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 0.5em; }

我发现，父元素中有两种字体大小，它们被划掉了。如果我在我的开发者窗口中停用它们，它仍然会影响标题的大小。很有趣

但是我想我有一个误解，我想如果我在css中定义了一个父对象，比如

---

div h1

，父级的字体大小会影响大小。但似乎每个父字体大小都会对其子元素产生影响。在我看来，这使得使用%变得毫无用处，就像下面的文章一样，因为您无法为字体设置层次结构。还是我错了？因此，最好的方法是在任何地方使用rems来获得一致的字体大小？

在html标记中，将字体大小设置为百分比，在正文标记中设置为1em，其他标记使用em单位

或使用

rem

s而不是

em

s，为了避免应用多个相对计算，本文建议使用%而不是ems:但我也尝试将html in%，body设置为1em，h2设置为4em（用于测试）。不幸的是，问题仍然存在。它是边缘的，但它把设计搞砸了。据我所知，这不是有效的css。你使用的是bac还是更少，等等？它的SCS，但我想这对于CSS用户来说是相当可读的代码，而且还有一个更大的社区。还有一个CSS问题。这就是为什么我用CSS标签发布它。如果是CSS问题，你能发布CSS吗？如果这是一个sass问题，你能发布一个可行的演示来展示这个问题吗？如果你有一个CSS问题，把sass引入这个问题是没有意义的。你是对的。我只是没有保存一个未统一的版本，因此我必须先创建一个。我没想到它读起来这么抽象。现在我想人们更了解它了。