em rem 적절한 사용

 rem  html에서 선언한 font-size를 기준으로 한다. 

html { 
    font-size: 16px
}
div { 
    font-size: 1rem // 16px
}

• rem 단위는 또 브라우저의 폰트 크기 설정에 따라 그 크기가 변해야 하는 곳에 사용

 em   본인이 속해있는 엘리먼트의 font-size를 기준으로 한다. (없다면 상속이기 때문에 부모요소의 font-size를 참조함) 
div { 
   font-size:14px;
   padding: 1em; //14px
}

• em 단위는 최상위 요소에 지정된 폰트 크기 말고, 다른 특정 요소의 폰트 크기에 따라 그 크기가 변해야 하는 곳에 사용
  ex)  예를들어 button의 기본폰트 사이즈를 1rem을 주고 해당 버튼의 패딩값을 쓸 때는 고정값보다는 유동적인 em을 쓰면 좋겠다.