0

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%; }
}

これはフォントを再スケーリングしますが、指定されたサイズではなく、元のサイズよりもはるかに小さくなります。

4

1 に答える 1

1

フィドルをありがとう。

rem単位はルートemです。つまり、ルート要素のフォントサイズの観点からです。HTMLではhtml、ではなく、bodyです。したがって、のフォントサイズをbody変更しても、のサイズは変更されませんrem。

于 2012-10-26T06:00:09.033 に答える