2021-12-26 CSS em, rem
em とは?
em(エム)とは組版で用いる長さの単位を表します。emは大文字のMを基準としたサイズ表記が由来となっており、Mの高さを基準とする意味で用います。
CSSのemとは?フォントサイズ指定方法の違いを比較解説! | アンドエンジニア
CSSでのフォントサイズの3つの指定方法について。
- 相対値で指定する方法
- パーセント値で指定する方法
- 絶対値で指定する方法
em vs rem
em
: 親要素のfont-sizeを基準に大きさを計算するrem
: 文書のルート要素、つまりhtml要素のfont-sizeを基準にする
ルートでフォントサイズを決めて その他の要素は rem
で指定するのが良さそうに思えた。