예: 24px → 1.5em (기본 16px)
예: 1.5em → 24px (기본 16px)
| Px | Em | 일반 용도 | 작업 |
|---|
Px (픽셀):고정 크기의 절대 단위로 브라우저 설정에 따라 변하지 않습니다. 1px는 화면의 물리적 픽셀 하나와 같습니다.
Em:현재 요소의 글꼴 크기를 기준으로 하는 상대 단위입니다. 1em은 현재 요소의 글꼴 크기와 같습니다. 현재 요소에 글꼴 크기가 설정되지 않은 경우 상위 요소에서 상속받습니다.
변환 공식:
• Px → Em: em = px ÷ 기본 글꼴 크기
• Em → Px: px = em × 기본 글꼴 크기
사용 권장 사항:em 단위를 사용하면 페이지가 더 반응적이고 접근성이 좋아져 사용자가 브라우저 설정을 통해 글꼴 크기를 조정할 수 있습니다. 기본 브라우저 글꼴 크기는 일반적으로 16px입니다.