CSSでもサイズをパーセント指定してみる。
例えば、font-size:90%; のようにするのだが、なぜかFirefoxとIE7では同じサイズなのにIE6だと大きくなる。
なぜだろうと思ってさんざん調べると文字コードとフォントファミリーが原因でずれることが発覚。
UTF-8でfont-family:"MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;とするとIE6だけ文字が大きく表示されてしまいます。
対策はCSSハックで実施しました。
body { font-size:90% !important; /* IE7 */ font-size:80%; /* IE6 */ }
html>/**/body { font-size: 12px; } >/*Firefox*/
なんだか付け焼き刃的にCSSが長くなっている気がしますね・・・
Posted 12/24/07 by ykamiyama | Filed under: Design Tips
Comments
Add Comment