em rem 정리

 

 

 

부모요소에 사이즈에 따라야한다면 % em

브라우저에 상이즈에 따라야 한다면 v* rem

 

 

요소의 너비와 높에 따라 사이즈가 변경되야 한다면 % v*

폰트 사이즈에 따라 변경되야 한다면 em rem

 

 

rem을 쓸땐 부모컨테이너와 상관없이 페이지에 어떤박스안에서 사용해도 크기가 일정하게 고정 (font는 rem을 선호)

em은 브라우저 위에서 쓸때랑 부모컨테이너 안에 쓸때라 크기가 달라진다 (부모요소에 따라 크기 변환)

 

Em 변화값 사이트

http://pxtoem.com/

 

 

폰트는 브라우저 안에 모두 같은 크기 유지 하기위해 rem

Padding은 박스별로 크기가 달라지기위해 em

 

Media에서도 max-width를 rem으로 바꿔주면 더 가독성좋은 반응형이 된다