안드로이드 브라우저 : 뷰포트 크기 가져 오기

Question

모바일에서 액세스 할 웹 사이트에 대한 오버레이를 만들고 있습니다. iPhone에서 저는 아이폰에서 document.ocumentElement.clientWidth에 의해 window.innerWidth 및 layout 뷰포트 크기에 의한 시각적 뷰포트 크기를 얻습니다. 완벽하게 작동하지만 안드로이드 (2.2, 2.3.3) 기본 브라우저에서는 적절한 시각적 뷰포트 크기를 제공하지 않으며 확대 또는 축소했을 때이 크기가 변경되지 않습니다.

js 속성을 사용하여 확대하거나 축소 할 때 적절한 시각적 뷰포트 크기를 가져야합니다.

Answer 1

이 옵션은 WebKit 버전 534.13부터 지원됩니다. 낮은 안드로이드 버전은 WebKit 533.1을 사용하기 때문에 안드로이드 3 이상의 브라우저 만 시각적 인 뷰포트 크기를 제공합니다.

Answer 2

Android 주식 브라우저 4.0.3 및 4.1.2 같은 문제가 발생합니다. 이 브라우저에서는 제대로 작동하지 않는 것 같습니다. 크롬에서도 작동하지 않습니다. Here이 작동하는 예입니다.