Convert Px To Rem && Rem to Px (root:16px)
PX to REM Conversion Table
These are the mostly used px to rem sizes. This is considering that your base font (font-size) is 16px. You can also use the converter above.
PX | REM |
---|---|
4px | 0.25rem |
8px | 0.5rem |
12px | 0.75rem |
16px | 1rem |
20px | 1.25rem |
24px | 1.5rem |
32px | 2rem |
40px | 2.5rem |
48px | 3rem |
64px | 4rem |
96px | 6rem |
128px | 8rem |
160px | 10rem |
176px | 11rem |
192px | 12rem |
208px | 13rem |
224px | 14rem |
256px | 16rem |
320px | 20rem |
480px | 30rem |
576px | 36rem |
768px | 48rem |
800px | 50rem |
960px | 60rem |
992px | 62rem |
1024px | 64rem |
1120px | 70rem |
1200px | 75rem |
1280px | 80rem |
1440px | 90rem |
1600px | 100rem |
Conversion tips
You can convert now Personally. WOW!
html,
body {
font-size: 16px;
/* This is Root font-size */
}
p {
font-size: 18px;
}
p {
font-size: px / root-font-size; /* This is Constructor */
}
p {
font-size: 1.125rem;
/* same as 18px */
}