VW (1) 썸네일형 리스트형 (CSS) 100vh, 100vw CSS 레이아웃 레퍼런스 코드를 보니 min-height: 100vh가 눈에 띄인다. CSS를 구현할 때 흔히 디스플레이 화면 사이즈에 맞게 구현하는 경우가 많다고 한다. vw 나 vh를 사용한다.(vh & vw (vertical height & vertical width) vw는 스크린 너비의 1% vh는 스크린 높이의 1%를 표시하는 거다. 그래서 min-heigth: 100vh는 현재 스크린의 화면의 100%에 CSS레이아웃을 꽉 채운다는 의미다. 특히 요츰처럼 다양한 사이즈의 기기를 사용하는 경우 반응형 웹으로 웹페이지를 많이 만들기 때문에 자주 사용된다. 예를 들어 브라우저의 높이 값이 900px면 1vh는 9px가 된다. 이외에도 너비나 길이를 나타내는 CSS unit은 아래의 사이트를 참조한.. 이전 1 다음