반응형 웹사이트 단위 vh/vw

 

vh = Viewport Height

vw = Viewport Width 

 

현재 뷰포트란? 현재, 보여지는 영역을 의미 

1vh = 뷰포트 높이의 1%

1vw = 뷰포트 너비의 1% 

 

뷰포트가 현재 가로세로 100px 이라면 

height:1vh = height:1px 

width:1vw = width:1px

 

height:100%

(부모 높이를  반드시 지정해줘야함) 

 

height : 100vh