20px in rem · 16px root
1.25 rem
rem = px ÷ root font size — shown here at the browser default root font size of 16px.
20px at every root font size
| Root font size | 20px equals | CSS |
|---|---|---|
| 10px | 2rem | font-size: 2rem; |
| 12px | 1.66667rem | font-size: 1.6667rem; |
| 14px | 1.42857rem | font-size: 1.4286rem; |
| 16px default | 1.25rem | font-size: 1.25rem; |
| 18px | 1.11111rem | font-size: 1.1111rem; |
| 20px | 1rem | font-size: 1rem; |
Converter
—
Nearby values
| px | rem | |
|---|---|---|
| 12px | 0.75rem | |
| 14px | 0.875rem | |
| 16px | 1rem | |
| 18px | 1.125rem | |
| 20px | 1.25rem | this page |
| 22px | 1.375rem | |
| 24px | 1.5rem | |
| 28px | 1.75rem | |
| 32px | 2rem |
Questions
What is 20px in rem?
20px = 1.25rem at the browser default root font size of 16px. rem = px ÷ root font size.
What is 20px in rem at a different root size?
At 10px root: 2rem. At 12px root: 1.6667rem. At 14px root: 1.4286rem. At 16px root: 1.25rem. At 18px root: 1.1111rem. At 20px root: 1rem.
How is 20px calculated?
rem = px ÷ root font size. Here: 20 ÷ 16 = 1.25.
All px values
4px8px10px12px14px16px18px22px24px28px32px36px40px44px48px56px64px72px80px88px96px100px112px128px144px160px192px256px
Computed from the CSS Values and Units specification. See the full px to rem table.