CSS/フォントサイズ「px、em、rem」の違いと変換表

フォントサイズ「px、em、rem」の違いと変換表

px

絶対指定
1pxは1ドット

em

相対指定
親要素のfont-sizeを基準

変換表

親要素のfont-sizeが16pxの場合

pxemem
10px0.625em0.625rem
12px0.75em0.75rem
14px0.875em0.875rem
16px1em1rem
18px1.125em1.125rem
20px1.25em1.25rem
22px1.375em1.375rem
24px1.5em1.5rem
26px1.625em1.625rem
28px1.75em1.75rem
30px1.875em1.875rem
32px2em2rem
34px2.125em2.125rem
36px2.25em2.25rem
38px2.375rem2.375rem
40px2.5em2.5rem
RELATED POSTS