px, em, rem の違い

WEB

#どれを使うべきか

今後は rem を使っていくのが正解。

##一般的な指定方法
ベース(HTML全体)を 62.5%(10px)にすることで、14px なら 1.4rem という形で分かりやすくなる。

```css
html {font-size:62.5%;}
body {font-size:1.4rem;} /* body は 14px */
head {font-size:1.6rem;} /* head は 16px */
```

#それぞれの特徴

## px

###良い点

###悪い点

ユーザビリティの問題

一部のWEBブラウザで文字サイズなどを変更しても、サイズが変更されないという問題がある。

IE8以前では、px は 文字の大きさ設定ができない。
現状、スマホやゲーム、TVなど、多種多様のWEBブラウザがあるため、対応しきれない。

##

#参考サイト

[https://helpsupport.blog.fc2.com/blog-entry-48.html:embed:cite]