emを使ってpx感覚で操作する
wrote2007.04.06
文字サイズをemで指定する
アクセシビリティに配慮して文字サイズ指定にpx指定を行わない(固定にしない)。そこでデフォルトサイズを10pxになるよう%指定する。
body{
font-size:62.5%;
}
そうすれば、12pxにしたい場合は1.2em、20pxにしたい場合2emと指定すればよい。
- 注意点
- あくまでブラウザのデフォルトサイズが16pxであると仮定した設定であることに注意(Firefoxのデフォルトサイズは14px)。