[CSS] EM, REM

em은 자신의 폰트사이즈에 영향을 받음.

ex) .box { width:200px; fontsize: 10px;] = .box{width:20em; fontsize: 10px;]

200px/10 = 20

이런식으로.

자식(후손) 요소에 폰트 사이즈 지정이 되어있지 않을 땐 상위요소인 부모(조상)요소의 폰트사이즈를 상속받아 계산함.

 

rem은 html에 지정된 폰트사이즈의 영향을 받는다.

반응형 웹사이트 작업할 때 폰트사이즈 및 패딩, 마진작업에 유용하다고 함.

참고할 웹사이트

https://yeoninim.tistory.com/38