px
絶対指定
1pxは1ドット
em
相対指定
親要素のfont-sizeを基準
1 2 3 |
html { font-size: 16x; } /** 基準となるfont-size **/ .p { font-size: 2em; /* 32px */ } .span { font-size: 0.5em; /* 8px */ } |
変換表
親要素のfont-sizeが16pxの場合
px | em | em |
---|---|---|
10px | 0.625em | 0.625rem |
12px | 0.75em | 0.75rem |
14px | 0.875em | 0.875rem |
16px | 1em | 1rem |
18px | 1.125em | 1.125rem |
20px | 1.25em | 1.25rem |
22px | 1.375em | 1.375rem |
24px | 1.5em | 1.5rem |
26px | 1.625em | 1.625rem |
28px | 1.75em | 1.75rem |
30px | 1.875em | 1.875rem |
32px | 2em | 2rem |
34px | 2.125em | 2.125rem |
36px | 2.25em | 2.25rem |
38px | 2.375rem | 2.375rem |
40px | 2.5em | 2.5rem |