2013-08-03 23 views
5

この効果は何ですか?Twitterのフォントサイズはブートストラップ

html {font-size: 62.5%;} 

body { 
    font-size: 14px; 
} 

なぜ62.5%ですか?何もこれに影響を与えるはありません

+0

を参照してください。私はあなたの質問を編集しました。主に意見に基づく質問は話題にはなりません。 "これの効果は何ですか"と尋ねるのは大丈夫ですが、あなたの他の質問はStackOverflowではなくフォーラムにあります。 – FakeRainBrigand

答えて

6

それはhtmlタグ

html {font-size: 62.5%;}内だとして、bodyクラスのフォントサイズはhtml宣言を上書きします、本当に別のブラウザを使用してネイティブブラウザのフォントサイズの62.5%の大きさ、異なるデフォルトを使用することを意味しますフォントサイズ、それはCSSのリセットシートがある理由です。 62.5%のフォントサイズのために他の要素に影響を与えるためには、あなたは体フォントの宣言は、例えば比例されている必要があります:

body { font-size: 2em; } 

このhttp://jsfiddle.net/haLYV/

+0

私は参照してください...通常、私は1.0emにボディサイズを設定します。次に、p、a、input ...のようなテキストサイズを0.875em(ブラウザのテキストサイズが16pxの場合は14px)に設定し、次にヘッダにもemを使用します。これは理にかなっていますか? –

+0

はい、私は通常、ボディサイズを14pxに設定し、比例フォントを使用して、すべてのブラウザで同じ出発点を使用します。次に、ベース14pxフォントに基づいてemを使用します。http://pxtoem.com/ – keeg

+2

remユニットを使用する場合、html要素のfont-size宣言を参照するため、これが影響します。 – Mark

関連する問題