css - 无法使用 @-moz-document url-prefix() 缩放正文标记中的字体

Question

我想将我的 mozilla 浏览器字体缩小 10%。
所以我的样式表中有以下代码：

body{   font-size: 62.5%; }
@-moz-document url-prefix() {
    body{   font-size: 56.25%; }
}

但由于某种原因，它似乎没有做任何事情。

不过，对单个 div 的更改可以正常工作。例子：

#footer-links{  font-size: 1em; }
@-moz-document url-prefix(){
    #footer-links{  font-size: .9em; }
}

我可能最终会为所有 div 这样做......
但我只是很困惑为什么上面的 body 设置不起作用。

编辑：

我也刚刚尝试过使用 html 标签：

@-moz-document url-prefix(){
   html{    font-size: 56.25%; }
}

虽然这确实重新调整了字体，但它不是指定的大小，而是比原来的小得多。

Answer 1

谢谢你的小提琴。

rem单位是根 em。也就是说，它们是根元素的字体大小。HTML 中的哪个是html，不是body. 所以改变字体大小body不会改变 a 的大小rem。