웹 페이지의 세로 크기 조정에 대한 응답 성을 방지하는 방법은 무엇입니까?

Question

나는 height: 100% 및 몸을 가진 콘테이너 div가있다. 윈도우 크기에 맞게 만들었습니다. 즉, 페이지 크기를 세로로 조정하지 않고 (크기를 조정할 때 콘텐츠가 올라가는 것을 원하지는 않지만) 미디어 쿼리를 트리거하여 가로 방향으로 만 페이지를 표시하려고했습니다.

모바일 키보드의 가상 키보드 팝업은 콘텐츠를 밀어 넣고 페이지의 레이아웃이 엉망이됩니다.

시 : 나는 당신이 필연적으로 다른 모바일 화면과 태블릿의 문제에 직면하게 될 것이다 부분과 전체 화면을 이동하면 뷰포트 메타 태그는 문서

<meta name="viewport" content="width=device-width, user-scalable=no"> 

Answer 1

에 추가해야합니다. 나는 콘텐츠로 많은 문제를 일으키기 때문에 전체 높이 페이지의 팬이 된 적이 한번도 없었다.

할 수있는 것은 작은 높이의 중단 점을 설정하고 페이지를 높이 : 자동으로 설정하는 것입니다. 키보드가 열리면.