PX에서 EM으로의 변환
PX에서 EM으로의 변환기
- 기본 글꼴 크기 설정(보통 16px)
- 그런 다음 기본 크기에 따라 픽셀 값을 em으로 변환합니다.
- 또는 기본 크기에 따라 em 값을 픽셀로 변환합니다.
기본 글꼴 크기 설정:
픽셀PX를 EM으로 변환:
픽셀
EM을 PX로 변환:
~에
결과:
본문 글꼴 크기
아래 표에서 전체 "px에서 em 및 퍼센트로" 변환 테이블을 표시하려면 본문 글꼴 크기(픽셀)를 선택하십시오.
팁: 기본 글꼴 크기는 일반적으로 16px입니다.
| px | em | percent |
|---|---|---|
| 5px | 0.3125em | 31.25% |
| 6px | 0.3750em | 37.50% |
| 7px | 0.4375em | 43.75% |
| 8px | 0.5000em | 50.00% |
| 9px | 0.5625em | 56.25% |
| 10px | 0.6250em | 62.50% |
| 11px | 0.6875em | 68.75% |
| 12px | 0.7500em | 75.00% |
| 13px | 0.8125em | 81.25% |
| 14px | 0.8750em | 87.50% |
| 15px | 0.9375em | 93.75% |
| 16px | 1.0000em | 100.00% |
| 17px | 1.0625em | 106.25% |
| 18px | 1.1250em | 112.50% |
| 19px | 1.1875em | 118.75% |
| 20px | 1.2500em | 125.00% |
| 21px | 1.3125em | 131.25% |
| 22px | 1.3750em | 137.50% |
| 23px | 1.4375em | 143.75% |
| 24px | 1.5000em | 150.00% |
| 25px | 1.5625em | 156.25% |
PX, EM 및 퍼센트의 차이점은 무엇입니까?
픽셀은 정적 측정값이고 백분율과 EM은 상대 측정값입니다. 백분율은 상위 글꼴 크기에 따라 다릅니다. EM은 요소의 현재 글꼴 크기에 상대적입니다(2em은 현재 글꼴 크기의 2배를 의미함). 따라서 본문의 글꼴 크기가 16픽셀이면 150%는 24픽셀(1.5 * 16)이 되고 2em은 32픽셀(16 * 2)이 됩니다. 더 많은 측정 단위 는 CSS 단위 를 참조 하세요 .