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做这个...然后... 但我很困惑为什么上面的身体设置不起作用。

修改

我也尝试过使用html标签：

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

虽然这会重新缩放字体，但它不是指定的尺寸，而是比原始尺寸小得多。

Answer 1

感谢小提琴。

rem单位是root用户。也就是说，它们是根元素的字体大小。 HTML格式为html，而不是body。因此，更改body的字体大小不会改变rem的大小。