vh 썸네일형 리스트형 CSS, vh은 무엇일까? px는 많이 봤지만 vh는 첨 봤다. vh는 viewport height를 의미한다. viewport는 사용자가 웹사이트를 볼 때 보이는 영역을 말한다. 뷰포트의 높이는 뷰포트의 세로길이다. vh는 뷰포트의 일정 비율을 나타내기 때문에 웹사이트를 뷰포트에 맞게 반응형으로 만들 때 유용하다. 아래는 코드 예시와 화면모습이다. Hello, World! vh가 50일 때 Hello, World! 정리하면 vh는 뷰포트의 일정 비율을 나타낸다. 100vh면 뷰포트 세로길이 전부를 말하며 50vh면 절반을 뜻한다. px과 비교해보면 어떨까? 만약 뷰포트가 100px이라면 1vh는 1px이다. 뷰포트가 650px이라면 1vh는 6.5px이다. 더보기 이전 1 다음
