반영훈/웹 개발
[CSS] EM, REM
Banda
2020. 6. 20. 12:30
em은 자신의 폰트사이즈에 영향을 받음.
ex) .box { width:200px; fontsize: 10px;] = .box{width:20em; fontsize: 10px;]
200px/10 = 20
이런식으로.
자식(후손) 요소에 폰트 사이즈 지정이 되어있지 않을 땐 상위요소인 부모(조상)요소의 폰트사이즈를 상속받아 계산함.
rem은 html에 지정된 폰트사이즈의 영향을 받는다.
반응형 웹사이트 작업할 때 폰트사이즈 및 패딩, 마진작업에 유용하다고 함.
참고할 웹사이트