전체 페이지를 새로 고치지 않고 뷰포트 크기를 재설정하는 방법은 무엇입니까?

Question

뷰포트 메타 태그의 "user-scalable"속성이 true (Safari reference, Android reference)로 설정된 웹 페이지가 있습니다. 따라서 속성 (예 : Mobile Safari, Android Browser)을 인식하는 브라우저를 사용하는 사용자는 페이지를 확장 할 수 있습니다. 그러나 AJAX를 사용하여 대부분의 페이지를 새로 고치는 링크가 있지만 전체 페이지 새로 고침을 수행하지는 않습니다. JavaScript를 사용하여 뷰포트 크기를 초기 값으로 재설정하고 싶습니다. 그러나 나는 이것을하는 방법을 이해할 수 없다.

유일한 해결책은 전체 페이지를 새로 고치는 것입니다. 누구든지 더 나은 방법을 알고 있습니까?

감사합니다.

Answer 1

페이지를로드 한 후 대부분의 브라우저는 뷰포트 변경을 무시합니다. 오페라는 그것을 할 것입니다, Fennec과 안드로이드는 그렇지 않습니다, 만약 내가 가짜 몸으로 내 자신의 테스트를 정확하게 기억한다면.

$('meta[name=viewport]').attr('content', 'width=device-width, initial-scale=1'); 

이 프레임 워크로 jQuery를 모바일을 사용하여 모바일 사파리에서 작동 :

Answer 2

매우 간단 거래는 jQuery를 사용하여 뷰포트를 설정합니다.