Yahoo! UI Interface Library Font CSSを使うとIE8でFontが固定されるのを直す方法
IE6、IE7、IE8、CSSでfont-sizeをpx、ptで指定するとFontサイズが固定されてしまいます。
「Yahoo! UI Interface Library Font CSS」を使っている場合に、IE6、IE7ではハックを使って固定されないようになっています。
しかし！IE8では固定されてしまうようです・・。
解決策
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}html>/**/body {font-size/*\**/: small\9;}
html>/**/body {font-size/*\**/: small\9;}
これを追加するだけです！
説明
基本的にはIE8用のハックでfont-size: small;を追加しているだけです！
html>/**/body {font-size/*\**/: small\9;
色が違う部分がIE8ハックのポイントのようです。
- /**/
- IE7に反映されないようにする。
- /*\**/
- Mac IE用の対策 これを入れないと、MacIEに反映されてしまうようです。（現在のモダンブラウザでは、なくても平気みたいです！）
- \9
- IE8だけ用。
今後きをつけよー！
こちら参考にさせていただきました。
コメント : 0
トラックバック : 0
http://develo.org/mt/mt-tb.cgi/73