TTIL

2021-12-26 CSS em, rem

em とは?

em(エム)とは組版で用いる長さの単位を表します。emは大文字のMを基準としたサイズ表記が由来となっており、Mの高さを基準とする意味で用います。

CSSのemとは?フォントサイズ指定方法の違いを比較解説! | アンドエンジニア

CSSでのフォントサイズの3つの指定方法について。

  • 相対値で指定する方法
  • パーセント値で指定する方法
  • 絶対値で指定する方法

em vs rem

CSS3のremとemの違いについて - Qiita

  • em: 親要素のfont-sizeを基準に大きさを計算する
  • rem: 文書のルート要素、つまりhtml要素のfont-sizeを基準にする

ルートでフォントサイズを決めて その他の要素は rem で指定するのが良さそうに思えた。