본문 바로가기

Programming/Design

CSS에서의 vh와 vw

vh : Viewport Height

vw : Viewport Width


예를 들어 화면을 꽉 채우고 싶을 때(Content의 넓이가 100%가 안되더라도) 

width: 100vw;

height: 100vh; 

로 하면 보이는 화면의 100%로 된다.

즉 1vw와 1vh는 각각 가로 1%와 세로 1%이다.