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
* 페이지 전체에서 일관된 비율 유지 가능.
'HTML + CSS > css' 카테고리의 다른 글
| [css] css선택자 (+, ~, >, ' ') (0) | 2024.06.18 |
|---|