CSS에서 vh의 단위는 무엇입니까?

vh는 뷰포트 높이의 백분율을 나타내는 CSS의 상대적 길이 단위입니다. 1vh는 뷰포트 높이의 1%와 같습니다. 뷰포트 높이는 브라우저 도구 모음과 브라우저 창에서 보이는 부분의 높이를 나타냅니다. 열 및 스크롤 막대와 같은 페이지가 아닌 부분.

이 튜토리얼의 운영 체제: Windows 10 시스템, Dell G3 컴퓨터.

vh는 CSS의 상대 길이 단위로, 뷰포트 높이의 백분율을 나타냅니다. 구체적으로 1vh는 뷰포트 높이의 1%와 같습니다.

뷰포트 높이는 브라우저 도구 모음, 주소 표시줄, 스크롤 막대 등 페이지가 아닌 부분을 제외하고 브라우저 창에 표시되는 부분의 높이를 나타냅니다. 따라서 vh 단위를 사용하여 뷰포트 높이를 기반으로 반응형 레이아웃을 생성할 수 있습니다. 예를 들어 요소의 높이를 항상 현재 뷰포트 높이의 절반과 같게 하려면 다음 스타일을 사용할 수 있습니다.

.element {  
height: 50vh;
        }

이렇게 하면 .element 요소의 높이가 항상 현재 뷰포트 높이의 절반과 같게 됩니다. .

vh 단위는 뷰포트 높이에 대한 백분율이므로 상대적인 단위라는 점에 유의해야 합니다. 브라우저 창의 크기가 변경되면 요소의 크기도 그에 따라 조정됩니다.

위 내용은 CSS에서 vh의 단위는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!