vh/vw

브라우저 세로 가로 값이 100px일때 1vh, 1vw는 각각 1px이다. 퍼센트로 이해하면 더 쉽다.
퍼센트는 부모 기준으로 사이즈가 변동되는 것과 다르게 vw, vh는 브라우저 화면 전체를 기준으로 사이즈가 변동된다.

rem

r은 root라는 뜻. 최상위 요소의 사이즈에 영향을 받는다. 예를 들면 최상위 요소의 font-size가 10px이라면 작성하는 곳의 font-size의 1rem은 10px이다.

em

em은 부모의 font-size에 영향을 받는다. 예를 들면 부모 요소의 font-size가 10px이라면 특정 요소의 1em은 10px이 된다.