WordPressのcss

css

デフォルトテーマのこれ。

body {
  font-size: 62.5%; /* Resets 1em to 10px */
  ...
}
  • mac firefoxで、px指定の方が微妙に大きい。72%くらいがちょうど良い。
  • 入れ子にした時の計算が面倒。
  • opera以外は、入れ子にした時の空要素後のサイズが違う。
<p style="font-size:1.4em">hoge1
<span style="font-size:1.4em">hoge2</span><span style="font-size:14px">hoge3</span>
<hr />hoge4
<span style="font-size:1.4em">hoge5</span><span style="font-size:14px">hoge6</span>

文字サイズ比較

  • opera
    • hoge1 == hoge4, hoge2== hoge5, hoge3 == hoge6, hoge5> hoge6
  • その他
    • hoge1 > hoge4, hoge2 > hoge5, hoge3 == hoge6, hoge5 == hoge6