Notice
Recent Posts
Recent Comments
«   2024/11   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Archives
Today
In Total
관리 메뉴

A Joyful AI Research Journey🌳😊

230204 CSS vh와 vw 본문

💻Bootcamp Self-Study Revision✨/HTML5, CSS, Bootstrap, JSP

230204 CSS vh와 vw

yjyuwisely 2023. 3. 29. 21:39

vh = viewport height, vw = viewport width

즉, 현재 실행중인 스크린 크기에 맞춰 상대적 크기를 반환하겠다는 뜻이다.
100vh, 100vw가 전체 화면의 기준이 된다.

예를 들어, 현재 스크린 크기가 height = 1000px, width = 800px이라면
1vh = 10px, 1vw = 8px 이 될 것이다.

height: 50vh; width: 25vw; 로 설정한다면
height = 500px width = 200px 으로 적용된다.

참고: https://programming119.tistory.com/93


728x90
반응형
Comments