ホーム > マークアップ > CSS > emを使ってpx感覚で操作する
emを使ってpx感覚で操作する
- 公開日
- 2007年04月06日
文字サイズをemで指定する
アクセシビリティに配慮して文字サイズ指定にpx指定を行わない（固定にしない）。そこでデフォルトサイズを10pxになるよう%指定する。
body{
font-size:62.5%;
}
そうすれば、12pxにしたい場合は1.2em、20pxにしたい場合2emと指定すればよい。
- 注意点
- あくまでブラウザのデフォルトサイズが16pxであると仮定した設定であることに注意（Firefoxのデフォルトサイズは14px）。
- 参考本
- Web Desigining 2006/12月号
- この記事に関するご意見・ご感想をお待ちしております。