1emを10pxにする方法
一般的なブラウザはデフォルトの文字サイズが16ピクセルになっています。
ですから「%」や「em」で文字サイズを指定するとそれが何ピクセルにあたるのか、直感的に分かりません。しかしブラウザのデフォルトの文字サイズを10ピクセルにしてしまえば、「1.3em=13px」、「2em=20px」というように分かりやすくなります。方法は実に簡単でbodyに対して以下の一行を加えるだけです。
body { font-size: 62.5%; }
上記を加えるだけでCSSの編集中文字サイズの指定が直感的に行えるようになります。
コメント