CSSライブラリYUIのフォントサイズ設定について

2010/04/19 02:32

このQ&Aのポイント

CSSライブラリYUIのfont-size:13pxからfont-size:100%へのセットについて説明します。
IE6用のfont-size: smallとfont-size: x-smallのハックについて、font-size: 85%を使用すればハック不要です。
XHTMLでxml宣言がある場合、IE6用の*font-size: small; *font: x-small;は効果がないので、ハックは不要です。

takumana20
お礼率91% (434/473)

HTML
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

metametamu
ベストアンサー率51% (153/295)

2010/04/19 19:15 回答No.1

そのハックの仕方は細かくチェックを取っていないので完全に把握はしていませんが、IE4～IE7、Mac IE5では動作するようです。 *font-size: small; でIE6～7の標準準拠モード時にフォントサイズが13px相当になり *font: x-small; でIE5～5.5と6～7の互換モード時のフォントサイズが13px相当になるものだと思います。 (ここはちょっと記憶が曖昧なのであまりあてにしないで下さい・・・) IEでのpxでの絶対指定はフォントサイズを変更してもブラウザ上に反映されなくなってしまいユーザーにとって不便になってしまいます。なのでsmallなどの相対指定で13px相当に合わせるように上書きされているということでしょう。ただしIE8の標準準拠ではプロパティの前に*を付けるハックは上手く動作しないようなので、現在ではそのままの指定では問題が出てくるのではないかと思います。ハックをあまり使われたくないようなのでできるだけソフトなものに置き換えるとすれば、現在ほとんどのブラウザがデフォルトのフォントサイズを16px(標準準拠時)に揃えてきているようなので、標準準拠モード前提で13pxにする場合以下のように指定をすればいいと思います。 body{ font-size:small !important; font-size:x-small; }

質問者