px・em・exの違い

参考
http://www.htmq.com/style/font-size.shtml

px	1ピクセルを1とする単位で、実際に表示されるサイズは72dpiや96dpiといったモニタの解像度により変化します。
em	フォントの高さを1とする単位。
ex	小文字の｢x｣の高さを1とする単位です。数値には負の値は指定できません。

↓px・em・exの大きさがわかるソース

<script>
  var fontsize="5"; function size(){document.write(fontsize);}
  function text(){document.write("xyz123あいう");}
  document.write(
    "<style>"
      +".px{font-size: "+fontsize+"px;}"
      +".em{font-size: "+fontsize+"em;}"
      +".ex{font-size: "+fontsize+"ex;}"
    +"</style>"
  );
  document.write("<p>size:"+fontsize+"</p>");
</script>
<hr>
<table>
  <tr> <td><script>size();</script>px:</td> <td><span class="px"><script>text();</script></span></td> </tr>
  <tr> <td><script>size();</script>em:</td> <td><span class="em"><script>text();</script></span></td> </tr>
  <tr> <td><script>size();</script>ex:</td> <td><span class="ex"><script>text();</script></span></td> </tr>
</table>