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

CSS

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

文字サイズをemで指定する

アクセシビリティに配慮して文字サイズ指定にpx指定を行わない(固定にしない)。そこでデフォルトサイズを10pxになるよう%指定する。

body{
font-size:62.5%;
}

そうすれば、12pxにしたい場合は1.2em、20pxにしたい場合2emと指定すればよい。

注意点
あくまでブラウザのデフォルトサイズが16pxであると仮定した設定であることに注意(Firefoxのデフォルトサイズは14px)。