Home
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 |
