What is the difference between em and rem units?

Both em and rem units are based on the font-size CSS property. The only difference is where they inherit their values from.

• em units inherit their value from the font-size of the parent element
• rem units inherit their value from the font-size of the root element (html)

In most browsers, the font-size of the root element is set to 16px by default.

em 단위와 rem 단위의 차이점은 무엇인가요?

em 단위와 rem 단위는 모두 CSS 속성인 font-size를 기반으로 한다. 유일한 차이점은 값들을 상속하는 위치이다.

• em 단위는 부모 요소의 font-size에서 값을 상속받는다.
• rem 단위는 root 요소 (html)의 font-size에서 값을 상속받는다.

대부분의 브라우저에서 root 요소의 font-size는 기본적으로 16px로 설정된다.