EM REM 차이

em - 상위 요소 기준

em 단위는 상위 요소 크기의 몇 배인지로 크기 결정

font-size: 1.5em

(상위 요소가 12px이라면) 실제로 크기는 (12 x 1.5) px

rem - 문서 최상위 html 기준

웹브라우저 설정에서 정한 글자 크기(보통 16px)이며 상위 요소가 영향을 미치지 않음

font-size: 2.0rem

실제 크기는 (16 x 2) px