-
vh 와 vw 와 vh 3개의 차이카테고리 없음 2022. 8. 29. 13:27
https://programming119.tistory.com/93
[CSS] vh란? / vw란? / what is vh? ❓ / %와의 차이
vh = viewport height vw = viewport width 즉, 현재 실행중인 스크린 크기에 맞춰 상대적 크기를 반환하겠다는 뜻입니다. 100vh, 100vw 가 전체 화면의 기준이 됩니다. 예를들어, 현재 스크린 크기가 height = 10..
programming119.tistory.com
일단 현재 뷰포트의 크기를 100으로 나눈후 설정한 값으로 곱하면 그게 화면 크기가 된다.
예를 들어 우리가 설정한 값이 20vh이고 우리가 화면크기가 1000px 이면 1000px/100 = 10vh 가 되고 여기에 설정한 20vh 를 곱해 200vh가 된다.