표준 폰트를 기준으로 em 계산시 필요 (px -> em)
px → em 변환을 정확하게 하기 위해서는 상대적인 기준값을 이해하고 있어야 합니다. 이 계산은 CSS에서 상대 단위를 사용할 때 매우 중요합니다.1. 기본 개념 정리px (픽셀): 고정된 단위로, 화면의 실제 픽셀 수를 의미합니다.em: 상속된 폰트 크기를 기준으로 하는 상대 단위입니다.1em = 부모 요소의 font-size2em = 부모의 글자 크기의 두 배2. 변환 공식css복사편집N px → em 변환 공식: N(px) / 기준 폰트 크기(px) = N(em) 예시: 기준 폰트 크기가 16px일 때32px = 32 / 16 = 2em12px = 12 / 16 = 0.75em 3. 기준 폰트 크기를 결정하는 원칙위치기준이 되는 값html 태그 내부브라우저 기본값 (대개 16px)자식 요소부모 요..
HTML5-CSS
2016. 10. 30. 19:24