CSSのpxとemの違い

  • px(ピクセル)
    ピクセル単位の指定
    環境によって変化しない絶対単位
  • em(エム)
    文字の高さを基準にした単位で1emは1文字分
    MacintoshやWindowsなど使用している環境により大きさが変化する相対単位

font-size:16px;
font-size:16em;
font-size:16pt;
font-size: 120%;
pxは画面表示の1点分
emは1文字
ptは1/72インチ
exは小文字xが基準

pxでfont-sizeを指定するとIEの場合は文字の大きさを変えられなくなる問題がある。
font-sizeをemで指定する場合でもwidthの設定はpxで指定することが多い。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です