Responsive Web 하면서

Responsive Web을 하면서 느낀점

px, em, rem, %, vw, vh 등등이 있다.

 

나는 반응형 웹을 적용하기 위하여 rem을 사용중이고,

 

html { font-size: 62.5% }로 설정하였다. 이 뜻은 font-size를 10px로 설정하겠다는 뜻이다.

 

rem과 em의 차이점은

 

rem은 루트 태그의 영향을 받고

 

em은 부모 태그의 영향을 받는다.

 

*** rem을 사용할 때, padding, margin 등에 사용하면 안된다고 한다.

      :: 사용자가 임의로 글씨 크기를 키웠을 경우 화면이 잘리거나 하는 등의 문제가 발생할 수 있다고 한다.