[학습 요약] 상대길이(vmin, vmax)

Suzy Lee·2023년 4월 9일
0

Frontend

목록 보기
4/32
  1. 상대길이 vmin & vmax를 사용하는 이유?
    ㄴ기기의 가로 및 세로모드 대응을 하기 위해 사용한다.

  2. vmin은?
    ㄴ뷰포트(현재보여지는 기기의 화면 전체) 가로와 세로 중 짧은 면에 적용

  3. vmax는?
    ㄴ뷰포트(현재보여지는 기기의 화면 전체) 가로와 세로 중 긴 면에 적용

<적용해보기>

width: 80vmax => 브라우저의 너비와 높이 사이즈에서 '큰 사이즈'의 80% 차지

height: 30vmin => 브라우저의 너비와 높이 사이즈에서 '작은 사이즈'의 30% 차지

profile
고통 속에 무언가 탄생하고 있다:-)

0개의 댓글