1分で読める！【CSS】pxとemの違いについて

本日のテーマは

フォントサイズの単位である「px」「em」の違いです。 

px(ピクセル)とem(エム)の違いは？

結論から言うと、

px(ピクセル)は絶対値のことで、em(エム)は相対値のことです。

pxで指定すれば、どんな状況でもフォントは指定した数値です。

一方でemは要素のフォントの大きさによって数値が変化します。

例えば、

ある文字の大きさが10pxであれば1emは10pxであり、

30pxであれば1emは30pxです。