상대길이 vmin & vmax를 사용하는 이유?
ㄴ기기의 가로 및 세로모드 대응을 하기 위해 사용한다.
vmin은?
ㄴ뷰포트(현재보여지는 기기의 화면 전체) 가로와 세로 중 짧은 면에 적용
vmax는?
ㄴ뷰포트(현재보여지는 기기의 화면 전체) 가로와 세로 중 긴 면에 적용
<적용해보기>
width: 80vmax => 브라우저의 너비와 높이 사이즈에서 '큰 사이즈'의 80% 차지
height: 30vmin => 브라우저의 너비와 높이 사이즈에서 '작은 사이즈'의 30% 차지