0から目指すWebマスター Web制作に関する備忘録
検索

CSS

フォントサイズ

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

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

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

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