1
Chrome에서 북마크 바는 command + shift + b와 함께 사용할 수 없습니다. 나는 항상 브라우저를 "100 %"로 사용할 수 없도록이 사이트를 테스트해야합니까? 또는이 기능을 활성화하면 실제로 "vh 95 %"가됩니까?CSS에서 "뷰포트 높이/vh"를 사용할 때 총 "브라우저 책갈피 막대"가 포함됩니까?
A
답변
3
VH는 뷰포트의 크기를 사용한다. 따라서 북마크 바를 열면 뷰포트 높이가 더 작아집니다. 창 크기를 조정하고 높이를 더 작게 만드는 것과 비슷합니다.
뷰포트 백분율 길이
https://www.w3.org/TR/css-values-3/#viewport-relative-lengths
초기 포함하는 블록의 크기를 기준으로한다. 초기 포함 블록의 높이 또는 너비가 변경되면 그에 따라 크기가 조정됩니다. 그러나 루트 요소의 오버플로 값이 auto이면 모든 스크롤 막대가 존재하지 않는다고 가정합니다. 초기 블록을 포함하는 크기는 뷰포트의 스크롤 막대의 영향을받습니다.
https://www.w3.org/TR/CSS21/visudet.html#containing-block-details
루트 요소가 살고있는 용기 블럭
직사각형 블록을 포함하는 초기 불린다. 연속 미디어의 경우 뷰포트의 크기는 이며 캔바스 원점에 고정됩니다. 페이징 된 미디어의 페이지 영역은 입니다.
3
vh 단위를 사용할 때 뷰포트 높이는 항상 브라우저의 Chrome을 무시하고 뷰포트의 내부 너비 (문서의 보이는 영역)가됩니다.
100vh는 북마크 바의 사용 가능 여부에 관계없이 표시되는 브라우저 높이의 100 %입니다.
참조 : https://developer.mozilla.org/en-US/docs/Web/CSS/length
1
웹 페이지의 가시 높이 만. 클라이언트 툴바는 뷰포트가 아닌 응용 프로그램 윈도우의 일부입니다.