Font sizes
| PX | REM |
|---|---|
| 1px | 0.0625rem |
| 2px | 0.125rem |
| 3px | 0.188rem |
| 4px | 0.250rem |
| 5px | 0.313rem |
| 6px | 0.375rem |
| 7px | 0.438rem |
| 8px | 0.500rem |
| 9px | 0.563rem |
| 10px | 0.625rem |
| 11px | 0.688rem |
| 12px | 0.750rem |
| 13px | 0.813rem |
| 14px | 0.875rem |
| 15px | 0.938rem |
| 16px | 1.00rem |
| 17px | 1.06rem |
| 18px | 1.13rem |
| 19px | 1.19rem |
| 20px | 1.25rem |
| 21px | 1.31rem |
| 22px | 1.38rem |
| 23px | 1.44rem |
| 24px | 1.50rem |
| 25px | 1.56rem |
| 26px | 1.63rem |
| 27px | 1.69rem |
| 28px | 1.75rem |
| 29px | 1.81rem |
| 30px | 1.88rem |
| 31px | 1.94rem |
| 32px | 2.00rem |
| 33px | 2.06rem |
| 34px | 2.13rem |
| 35px | 2.19rem |
| 36px | 2.25rem |
| 37px | 2.31rem |
| 38px | 2.38rem |
| 39px | 2.44rem |
| 40px | 2.50rem |
| 41px | 2.56rem |
| 42px | 2.63rem |
| 43px | 2.69rem |
| 44px | 2.75rem |
| 45px | 2.81rem |
| 46px | 2.88rem |
| 47px | 2.94rem |
| 48px | 3.00rem |
| 49px | 3.06rem |
| 50px | 3.13rem |
| 51px | 3.19rem |
| 52px | 3.25rem |
| 53px | 3.31rem |
| 54px | 3.38rem |
| 55px | 3.44rem |
| 56px | 3.50rem |
| 57px | 3.56rem |
| 58px | 3.63rem |
| 59px | 3.69rem |
| 60px | 3.75rem |
| 61px | 3.81rem |
| 62px | 3.88rem |
| 63px | 3.94rem |
| 64px | 4.00rem |
| 65px | 4.06rem |
| 66px | 4.13rem |
| 67px | 4.19rem |
| 68px | 4.25rem |
| 69px | 4.31rem |
| 70px | 4.38rem |
| 71px | 4.44rem |
| 72px | 4.50rem |
| 73px | 4.56rem |
| 74px | 4.63rem |
| 75px | 4.69rem |
| 76px | 4.75rem |
| 77px | 4.81rem |
| 78px | 4.88rem |
| 79px | 4.94rem |
| 80px | 5.00rem |
| 81px | 5.06rem |
| 82px | 5.13rem |
| 83px | 5.19rem |
| 84px | 5.25rem |
| 85px | 5.31rem |
| 86px | 5.38rem |
| 87px | 5.44rem |
| 88px | 5.50rem |
| 89px | 5.56rem |
| 90px | 5.63rem |
| 91px | 5.69rem |
| 92px | 5.75rem |
| 93px | 5.81rem |
| 94px | 5.88rem |
| 95px | 5.94rem |
| 96px | 6.00rem |
| 97px | 6.06rem |
| 98px | 6.13rem |
| 99px | 6.19rem |
| 100px | 6.25rem |
Breakpoints
| PX | REM | Device |
|---|---|---|
| 320px | 20.0rem | iPhone SE |
| 375px | 23.4rem | iPhone 6, 7, 8, X |
| 414px | 25.9rem | iPhone 8 Plus |
| 568px | 35.5rem | iPhone SE |
| 667px | 41.7rem | iPhone 6, 7, 8 |
| 736px | 46.0rem | iPhone 8 Plus |
| 812px | 50.8rem | iPhone X |
| 768px | 48.0rem | iPad Air, iPad Mini, iPad Pro 9" |
| 834px | 52.1rem | iPad Pro 10" |
| 1024px | 64.0rem | iPad Air, iPad Mini, iPad Pro 9" |
| 1024px | 64.0rem | iPad Pro 12" (portrait) |
| 1112px | 69.5rem | iPad Pro 10" |
| 1366px | 85.4rem | HD laptops (768p) |
| 1366px | 85.4rem | iPad Pro 12" (landscape) |
| 1440px | 90.0rem | 13" MacBook Pro (2x scaling) |
| 1680px | 105rem | 13" MacBook Pro (1.5x scaling) |
| 1920px | 120rem | 1080p displays |