CSSでのサイズ指定「px」「%」「em」「rem」の違いと使い分けについて解説します。

Web Designer Blog (2022-0-28)

https://kingsite.jp/blog/0161

CSS単位の違い

• 「絶対値」の単位：指定した値がそのままのサイズで表示され、他の原因の変化があっても影響はない。
• 「相対値」の単位：親要素や他要素を軸にして数値が決まる。

具体的には以下：

• px：絶対値
• ％：相対的（親要素基準）
• em：相対的（親要素基準）
• rem：相対的（ルート要素基準）