HOME > rem

rem一覧

2016.01.13

pxでもemでもないrem(ルートエム)でフォントサイズを指定する方法

pxでもemでもないrem(ルートエム)でフォントサイズを指定する方法

css3から設定できる様になった新しいフォントサイズ設定の単位rem(ルートエム)。rem?emと同じ様な感じなのでしょうか。いいえ、違います。emやpxで設定した場合は、「親要素」によってフォントサイズが決められてしまいます。「親」がフォントサイズ」15pxなら、「子」に10pxと設定しても子はその通りにはならないと思います。remの場合はroot(元)だけのフォントサイズに決められますので、親要素にフォントサイズを設定してもremには何の影響もありません。それがemやpxとは違う所です。元々存在していたpxやemのサイズ設定のおさらいも含めて説明を書いていきます。