web-dev-qa-db-ja.com

フォントサイズが変更されないのはなぜですか？

emではなくpxでフォントサイズを設定したい。これが私のコードです：

<style type="text/css">
body{
    font-size: 62.5%;
}

div{
    font-size: 1.2em;
}
</style>

<body>
<div>hello world</div>
</body>

divフォントサイズを12pxに設定したいのですが、予想よりも小さく見えます。chromeブラウザツールを使用してdivスタイルを無効にします。 divフォントサイズを12ピクセルにする理由と方法を教えてください。

cssfont-sizeem
12
hiway

うーん、私にはうまくいくようです： 例

しかし、あなたが参照している可能性があるのは、font-sizeプロパティの有効化/無効化からのlittleの変更です。これは、ネストされた要素のemが親のfont-sizeを基準にしているためです。インスタンスでは、divのfont-size:Xemは本体のfont-size:X%を基準にしています。

それでも変化がない場合は、bodyのfont-sizeを大きなパーセンテージに設定して、divのフォントを大きくしてみてください

11
Michael Nguyen