반응형
px을 em으로 변환한 표가 꽤나 자주 필요한데,
어디를 검색해도 최대 40px까지밖에 안보이는거 같아 개인적인 사용을 위해 80px까지 조금 범위를 넓혀 작성해 보았습니다.
참고.
대중적으로 사용되는 폰트는 10px에서 12px까지는 1px, 12px에서 18px까지는 2px, 18px에서 24px까지는 +3px, 24px에서 72px까지는 12px씩 일정한 규칙으로 증가하고 있습니다. 이러한 12가지 사이즈의 폰트에 대해서는 (*)표시가 되어있습니다.
변환표
| Pixels | EMs |
| 1px | 0.063em |
| 2px | 0.125em |
| 3px | 0.188em |
| 4px | 0.250em |
| 5px | 0.313em |
| 6px | 0.375em |
| 7px | 0.438em |
| 8px | 0.500em |
| 9px | 0.563em |
| 10px* | 0.625em |
| 11px* | 0.688em |
| 12px* | 0.750em |
| 13px | 0.813em |
| 14px* | 0.875em |
| 15px | 0.938em |
| 16px* (기본) | 1.000em |
| 17px | 1.063em |
| 18px* | 1.125em |
| 19px | 1.188em |
| 20px | 1.250em |
| 21px* | 1.313em |
| 22px | 1.375em |
| 23px | 1.438em |
| 24px* | 1.500em |
| 25px | 1.563em |
| 26px | 1.625em |
| 27px | 1.688em |
| 28px | 1.750em |
| 29px | 1.813em |
| 30px | 1.875em |
| 31px | 1.938em |
| 32px | 2.000em |
| 33px | 2.063em |
| 34px | 2.125em |
| 35px | 2.188em |
| 36px* | 2.250em |
| 37px | 2.313em |
| 38px | 2.375em |
| 39px | 2.438em |
| 40px | 2.500em |
| 41px | 2.563em |
| 42px | 2.625em |
| 43px | 2.688em |
| 44px | 2.750em |
| 45px | 2.813em |
| 46px | 2.875em |
| 47px | 2.938em |
| 48px* | 3.000em |
| 49px | 3.063em |
| 50px | 3.125em |
| 51px | 3.188em |
| 52px | 3.250em |
| 53px | 3.313em |
| 54px | 3.375em |
| 55px | 3.438em |
| 56px | 3.500em |
| 57px | 3.563em |
| 58px | 3.625em |
| 59px | 3.688em |
| 60px* | 3.750em |
| 61px | 3.813em |
| 62px | 3.875em |
| 63px | 3.938em |
| 64px | 4.000em |
| 65px | 4.063em |
| 66px | 4.125em |
| 67px | 4.188em |
| 68px | 4.250em |
| 69px | 4.313em |
| 70px | 4.375em |
| 71px | 4.438em |
| 72px* | 4.500em |
| 73px | 4.563em |
| 74px | 4.625em |
| 75px | 4.688em |
| 76px | 4.750em |
| 77px | 4.813em |
| 78px | 4.875em |
| 79px | 4.938em |
| 80px | 5.000em |
반응형