CSSクロスブラウザでフォントサイズを統一するCSSTweetCSSでフォントサイズの指定をしない場合、各Webブラウザでの文字サイズは結構バラバラになってしまいます。単純にフォントサイズを統一するだけなら、pxやptで指定すればいいのですが、そうしてしまうとInternetExplorerでユーザーが文字サイズを変更できなくなってしまいます。今回は、InternetExplorerでユーザーが文字サイズを変更でき、且つクロスブラウザでフォントサイズを統一するCSSについてレポートしたいと思います。CSSでフォントサイズを統一する方法も色々と存在しており、今回紹介する方法が正解だとは考えていません。良い方法がありましたら、是非ご紹介下さい。考え方としてInternetExplorerでは前述の理由で絶対値での指定が出来ないので、相対値で指定を行います。Operaに関しては、絶対値で指定を行います。最近までは、下記のCSSを使用していました。IE8では相対値の指定となるようにしています。この手法ではIE8に対する指定がvalidではなくなります。そもそもCSSハックの使用は出来る限り控えるべきと考えていることもあり、ずっと頭を悩ませていました。{font-size/*\**/:small\9;}そこで最近は、潔くIEとそれ以外のブラウザでCSSを分ける手法に切り替えました。{font-size:small;}そして、HTMLのhead内で下記のように記述します。InternetExplorerでのみ、fontsize_ie.cssを読み込むようにします。/&gt;&lt;![endif]--&gt;これで、各々のブラウザで文字サイズを統一することができます。後は、各々の要素でfont-sizeを指定する際には%で指定を行います。{font-size:77%;}これまで色々と試行錯誤してきたのですが、一番良い方法はIEが絶対値で指定しても、ユーザーが文字サイズを変更出来るように改良することだと思います。期待しないで待ちたいと思います。