2008年6月16日月曜日

 

【CSS】IEでのフォントサイズ

フォントサイズを絶対単位(pxも含む)で指定すると、IEでフォントサイズの変更ができなくなるので、可能にするフォントサイズに関するCSSハック。
“%”指定が無難。

“px”指定してもフォントサイズ変更可能にするハック

フォントサイズに関するCSSハック - Go my way


body {
    font-size: small !important; /* IE 7向け */ 
    font-size: x-small; /* IE 6以下 */ 
}
html>/**/body {
    font-size: 13px; /* モダンブラウザ向け */
}

“em”指定をIEで可能にするハック

相対指定を行う場合、“em”より“%”で指定を行う方が上手くいく。
“em”指定したい時もあるので、そういう場合は最初に“%”指定を行う。

[CSS]気をつけたいIE 7のバグ -CSS-Discuss - コリス
IEのフォントサイズのバグ


body{
    font-size: 100.01%;
}

※Operaでの継承バグの回避のため、100%の代わりに100.01%を使用

キーワード指定のサイズを揃えるハック

フォントサイズに「small, middle」などのキーワード指定を行った場合、IEの描画モードによってサイズが異なる。


body{
    font-size:small;
    voice-family:"\"}\"";
    voice-family:inherit;
    font-size:medium;
}

※voice-family hackを使用

関連

モダンブラウザ向けCSSハック

ラベル: ,


コメント: コメントを投稿

登録 コメントの投稿 [Atom]



この投稿へのリンク:

リンクを作成



<< ホーム

This page is powered by Blogger. Isn't yours?

登録 投稿 [Atom]

Google