topics
一言メモ
selectタグをJavascriptで生成したとき、IE6だけsize属性が1になっちゃう。そりゃないぜ!止む無くsetTimeoutで切り抜けた【一言集】

ホーム > マークアップ > CSS > フォントサイズ

フォントサイズ

アクセシビリティの観点から文字サイズは固定しない方がいい。
ただ、IE以外のモダンブラウザではフォントサイズを固定しても、実際にはブラウザで拡大表示が可能だ。更にFirefoxのデフォルトサイズが14px(ほとんどのブラウザのデフォルトサイズは16px)であることに配慮し、下記の設定を加える。

body{
font-size:62.5%;
}
html>body{
font-size:10px;
}

emを使ってpx感覚で操作する

デフォルトサイズを10pxになるよう%指定するのがポイント。そうすれば、12pxにしたい場合は1.2em、20pxにしたい場合2emと指定すればよい。

参考本
Web Desigining 2006/12月号
この記事に関するご意見・ご感想をお待ちしております。

お名前:



ナビゲーション