1. rem (root em)

root(최상위) 태그의 폰트 사이즈를 기준으로 삼는다.

<em 태그> / <em 태그> / <em 태그> 순으로 태그 트리가 되면 배수가 되지만,

Rem 을 사용하면 최상위 태그의 폰트사이즈를 기준으로 동일한 폰트사이즈가 적용된다

2. vh & vw (viewport height & viewport width)

반응형 웹디자인은 퍼센트 값에 상당히 의존하고 있다.
하지만 CSS의 퍼센트 값이 모든 문제를 해결할 좋은 방법은 아니다. CSS의 width 값은 가장 가까운 부모 태그에 상대적인 영향을 받는다.

vh, vw 를 사용하면 브라우저의 width, height 의 100 / 1 값이 1vh, 1vw 로 얻을 수 있다