[CSS] 크기 단위인 em과 rem이란?

em

---

상위 요소 크기의 몇 배인지 크기를 정한다.

 

예)

font-size: 2em;

위 코드는 상위 요소 크기의 2배로 하겠다는 뜻이다.

 

 

rem

---

문서의 최상위 요소, 즉 html 요소 크기의 몇 배인지를 정한다.

 

예)

font-size: 1.5rem;

최상위 요소에서 1.5배 하겠다는 뜻이다.

 

 

ps.

---

html 요소 크기 기본값은 웹브라우저에서 정한 글자 크기이다. 보통 16px.