Html 为什么正文标记的字体大小为62.5%不起作用？

我正在尝试为body标记实现字体大小：62.5%：

body {
    font-size: 62.5%;
}

我在我的_reset.scss文件中有它，但由于某些原因，它不起作用。我有两个Chrome开发工具的截图

以下是我的项目的GitHub链接：

以下是实时版本的链接：

---

请检查您的代码。在_reset.scss中，您在两个位置调用了body标记，并在两个位置调用了相同的字体大小函数（两个大小）

body {
    //1rem = 10px 10px/16px = 62.5%
    font-size: 62.5%;
    //will increase or reduce the font-size based on the screen size in the future
}

你在这里用字体大小和

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

你也叫这里

---

尝试纠正它，如果它仍然得到错误。让我们试着找另一个。

我重新观察了您的代码以获得正确的字体。您想将字体大小从32px更改为20px，对吗？。。好的，下面是要做的。可以在样式表中选择元素的类。在本例中，它位于component.css中。在这里，将标题primary的字体大小从2rem更改为1.25rem。它会将“位置”的大小从32px更改为20px

更改此选项的字体大小

.heading-primary {
    font-family: "Monument Extended";
    font-size: 2rem;
    line-height: 150%;
    color: var(--color-secondary);
}

对此

.heading-primary {
    font-family: "Monument Extended";
    font-size: 1.25rem;
    line-height: 150%;
    color: var(--color-secondary);
}

---

如果这不是你的问题，请不要犹豫说，请别忘了为我的声誉投票。我以前见过，但事实并非如此。我评论了它，但它仍然不工作。上面给出的链接是你的网站吗？如果是这样，我认为没有问题。我访问过它，它是完美的是的，这是链接。它是32像素，但应该是20像素。好的，让我看看……谢谢，@Rockzy占用您的时间，我真的很感激。我确实同意这是解决方案，只是我正在尝试实现我以前使用过的技术。下面是与之相关的stackoverflow问题：。下面是我实现它的网站示例，但我不明白这次我做了什么不同：