[CSS] 브라우져의 기본 폰트 사이즈와 REM

기본적으로 별다른 설정을 건드리지 않는다면 16px 이다.

이는 font-size:100% = 16px 이 된다는 것이며 REM 단위로 활용할 수 있다.

 

※ REM : 'relative to the root element' 으로 'html' 요소의 크기를 1로 하는 단위이다.

 

여기서 계산의 편의를 위해 아래와 같이 10단위로 적용을 하면 1rem = 10px이 되어 계산이 편해진다. 

html { font-size: 62.5%; }

즉, 18px은 1.8rem이 된다.