はじめに
cssのプロパティサイズをざっくり紹介
px
pxは固定された単位
デバイスの種類によって長さが異なる
em
親要素の相対値として定義
例
・親要素 18px
・子要素 0.5rem
つまり9pxの大きさとなる
親要素の大きさが指定されていなかった場合
ブラウザの16pxが基準値となる
rem
font-sizeのプロパティの値を基準として相対値とし定義
根のノードでfont-sizeを設定していない場合、ブラウザのデフォルト値16pxが基準となる
emと違って、予期せぬ複合効果を避けることができる
まとめ
pxとかemとかを使うと
親要素とか、画面時での大きさを気にしないといけなくなるため、remを使った方がいいのかも