[CSS] 단위(3) - vw, vh

 

 

▶ vw, vh

  - vw는 viewport의 width를, vh는 viewport의 height를 의미함.
  - 화면에 출력되는 화면 전체가 viewport에 해당.
  - viewport의 비율이 vw와 vh.

  - vw는 백분율. 100 단위 안에서 설정함.

  - vw = 100vw. 50vw는 50%에 해당.
  - viewport가 늘어나면 늘어나는 만큼, 줄어들면 줄어드는 만큼 절반만 사용하는 것.
  - 100이 최고 사이즈로 그 안에서 1부터 100까지 선언함.