bodyにfont-size100.01%を指定

CSS2008年11月29日

body{font-size:100.01%;}
body p{font-size:0.8em;}

bodyの対し、上記のようなスタイル指定をしておくことで、以降のスタイル指定の際、フォントサイズを変えても、各ブラウザのフォントサイズ解釈の差異をほぼ解消することができます。
先日案件で新規構築の設計の機会があったため実践したところ、少なくとも以下のブラウザではサイズの差異はありませんでした。

• Firefox 2.0以降
• IE6
• IE7
• Safari3以降

このbodyに指定したフォントサイズを基準に、各エレメントでの指定はem指定を使用するのがポイントです。
参考：REDLINE MAGAZINE

• 強制的にCSSを適用させる!importantハック
• 角丸背景を画像1枚で実装

この記事を読んでいる方にオススメの記事

• CSSFirefox、Safari、chiromeでテキストエリアのリサイズをCSSで制御
• CSSテキストの両端を均等にそろえるCSS
• CSSCSSを自動でIE6に対応させるオンラインサービス「ie6fixer」
• CSS角丸背景を画像1枚で実装
• CSSレスポンシブWebデザインについて
• CSSfont-familyの指定

「CSS」の他の記事を読む

• ※承認制のため、即時には反映されません。