2013-04-07 12 views
7

pxではなく、emでフォントサイズを設定したいとします。ここに私のコードは次のとおりです。なぜフォントサイズが変わらないのですか?

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

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

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

私は12ピクセルであることをdivフォントサイズを設定したいが、それは私が予想よりも小型に見えますが、私はそれがすべての変更を持って見ていない、Chromeブラウザのツールでdivスタイルを無効にします。なぜ、どのようにしてdivフォントサイズ12pxにする必要がありますか?ありがとう。

+2

「あなたdivを作るために、より大きな割合をS font-size」あなたbodyを設定してみてください、あなたは 'フォントサイズみました:12px'を? –

+0

他のCSSをお持ちでない場合、現在のCSSはdivのフォントサイズを12pxに正しく設定できます。 FirefoxのFirebugやChromeの開発ツールを使って計算されたスタイルを確認することができます。 –

+0

@IanY、yes、 '計算されたスタイル 'では、' div'のフォントサイズが12px、thxです。 – hiway

答えて

6

うーん、私のために働くようだ:example

けれども、何が言及されるかもしれないことはfont-sizeプロパティを有効化/無効化から少しの変化です。これは、ネストされた要素のemがその親の親要素であるfont-sizeに関連するためです。あなたの例では、divのfont-size:Xemは身体のfont-size:X%に関連しています。

あなたはまだ何の変化を取得していない場合は、sのフォントより大きな

+0

はい、あなたは正しいです。変更は非常に控え目です。私が 'div'をより大きなサイズに変更すると、それははっきりと検出されます。 – hiway

+0

ええ、ええ、数ヶ月前に私は同じ問題を抱えていました。お役に立てて嬉しいです :) –