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/70

このページの先頭へ戻る