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

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

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

body{
font-size:62.5%;
}

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

注意点

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