0
모바일에서 주소 표시 줄이 사라지거나 키보드가 열리면 뷰포트 크기에 영향을 주므로 vh 단위를 사용하는 CSS 값이 변경됩니다.키보드를 열거 나 검색 주소창이 사라지면 모바일 브라우저에서 브라우저 크기 조절을 중지하는 방법은 무엇입니까?
뷰포트 자체가 변경 되어도 vh 및 vw 단위가 크기를 유지할 수있는 방법이 있습니까?
모바일에서 주소 표시 줄이 사라지거나 키보드가 열리면 뷰포트 크기에 영향을 주므로 vh 단위를 사용하는 CSS 값이 변경됩니다.키보드를 열거 나 검색 주소창이 사라지면 모바일 브라우저에서 브라우저 크기 조절을 중지하는 방법은 무엇입니까?
뷰포트 자체가 변경 되어도 vh 및 vw 단위가 크기를 유지할 수있는 방법이 있습니까?
답변은 브라우저마다 다릅니다.
Safari 및 Chrome에서 URL 표시 줄은 고정 된 요소로 사용되지 않는 한 vh 단위 (백분율 기준 높이)의 크기를 조정하지 않습니다. 불행히도 파이어 폭스는 vh가 위치 바깥에서도 URL 바를 사용하여 크기를 조정하도록합니다. 즉, 고정되어 있으므로 할 수있는 일이 없습니다.
키보드의 경우 Safari에서 vh 단위의 크기를 조정하지 않습니다. Chrome과 Firefox는 마찬가지입니다. 이 경우에도 vh 단위의 크기가 변경되는 것을 방지 할 수있는 방법은 없습니다.