HTML + CSS/css
[css] css단위 _ EM, REM
phyho
2024. 6. 21. 16:32
EM : 부모요소 font 크기에 비례.
ex) 부모요소의 font-size : 20px
=> 1em : 20px
=> 3em : 60px
* 부모요소의 font-size마다 비율이 달라짐.
* 중첩된 요소에서는 'em'단위가 누적되어 계산.
REM : 루트요소(HTML문서 '<html>' 태그) font 크기에 비례.
ex) 루트요소의 font-size : 16px
=> 1rem : 16px
=> 3rem : 48px
* 페이지 전체에서 일관된 비율 유지 가능.