[html/css] 반응형을 만들 때 많이 사용되는 상대 단위

1. 퍼센트(%)

부모 박스 영역에서 주어진 퍼센트(%) 만큼의 영역을 차지한다.

 

2. vw, vh

viewport width, viewport height의 약자로 보이는 화면을 기준으로 백분율(%)하여 적용한다.

 

3. vmax, vmin

viewport의 최대, 최소 넓이를 기준으로 하는 단위로, vw vh를 합친 단위이다.
vmax는 vw와 vh 중 더 큰 값을 기준으로 하고, vmin 은 더 작은 단위를 기준으로 한다.
위의 세 단위중에서 가장 활용도가 낮은 단위이다.