[CSS] vh, vw

Yuri Lee·2021년 8월 17일
0
post-custom-banner

vh, vw

  • vh = viewport height
  • vw = viewport width

현재 실행 중인 스크린 크기에 맞춰 상대적 크기를 반환해준다. 스크린 크기 height = 1000px, width = 800px 라면 1vh = 10px / 1vw = 8px 이 된다.

% 와의 차이

  1. vh는 width 에서도 사용이 가능하다.
  2. vh, vw 는 열려있는 화면 전체의 상대 길이이기 때문에 스크롤바를 포함한 길이를 반환한다.

https://programming119.tistory.com/93

profile
Step by step goes a long way ✨

0개의 댓글