Skip to content

Latest commit

 

History

History
20 lines (12 loc) · 862 Bytes

rem+em.md

File metadata and controls

20 lines (12 loc) · 862 Bytes

rem 과 em 의 차이(상대적 단위)

rem

  • 무조건 root font-size에 영향받음

  • 그래서 root font-size를 62.5%로 한경우가 픽스해놓은 경우가 많음

    • 이렇게 되면 무조건 1.6rem -> 16px 요런 식으로 편하게 바뀌어서
  • 그런데 사용자가 브라우저의 root fontsize 를 바꿀수도 있고 브라우저마다 root fontsize 가 달라질 수 도 잇음

  • 아무튼 루트 글꼴 크기를 변경하는 사람들을 위해서는 px 이 아니라 rem 을 사용해야함. px 은 루트 글꼴 크기 변경에 대응되지 못함!

em

  • 적용되는 곳의 font-size에 영향받음
  • 만약 적용되는 곳의 font-size 가 없으면 부모의!

그럼 언제 쓰나

em 은, 해당 요소의 폰트사이즈에 따라서 padding 값이나 마진이 달라질수있음. 주로 그럴 때 쓰는듯?