뷰포트 단위: vw / vh / vmin / vmax

지난 시간에 정리한 em과 rem의 경우, 주변 상황에 따라 그 크기를 달리할 수 있는 가변성을 지니고 있지만,
브라우저나 기기 화면의 크기에 따라 달라지는 단위는 아닙니다. 따라서 진정한 반응형 단위라고 할 수 없습니다.

가변성이 있으나 반응하지는 않는다!

반응하는 단위들

아래의 단위들은 뷰포트 크기를 기반으로 값을 계산하여 크기를 결정하는 가변 단위입니다.

vw

뷰포트의 너비를 기반으로

vh

vmin

vmax