CSS 상대적인 크기에 대해 알아본다.
em
- 최근에 정의한(부모 요소) font-size를 1em 으로 함, 계속해서 누적됌.
- 없으면 브라우저 기본값을 따름
- 9pt = 16px = 1em
REM
- 최상위 브라우저 기본 폰트 크기를 1rem으로 함, 누적되지 않음.
vh, ve
브라우저 윈도우 크기의 1/100 크기를 “1”로 함
1vh = 10px
1vw = 20px
Reference
http://pshweb.tistory.com/entry/REM-%EA%B3%BC-EM-%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%90%EC%97%90-%EB%8C%80%ED%95%B4%EC%84%9C-%EC%95%8C%EC%95%84%EB%B4%85%EC%8B%9C%EB%8B%A4