Ngăn chặn Phóng to Phonegap + JQuery Mobile

Question

Tôi đang xây dựng một ứng dụng MobileGap + JQuery Mobile, nhưng tôi dường như không thể ngăn nó phóng to bằng một cú nhấp đúp. Tôi đã làm theo các mẹo được liệt kê tại http://www.tricedesigns.com/2012/01/17/mobile-web-phonegap-html-dev-tips/, cụ thể bằng cách thêm:

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

Có ai biết giải pháp để thu phóng không?

Answer 1

Hãy thử:

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 

Đây là những gì tôi sử dụng và tôi không nhận được bất kỳ hành vi zoom.

Dưới đây là tài liệu của Apple cho thẻ viewport meta: http://developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariHTMLRef/Articles/MetaTags.html

Answer 2

Place "với người sử dụng khả năng mở rộng = no" trong vào thẻ meta của bạn

như thế này

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

này là cách tốt nhất để ngừng phóng to trên thiết bị di động, Công việc của tôi dành cho tôi trong phonegap

Answer 3

Các giải pháp chấp nhận dường như không làm việc trong iOS10, đây không:

// stop ios bounce and zoom 
document.ontouchmove = event => { 
    event.preventDefault(); 
}; 

này sẽ ngừng di chuyển các sự kiện đạt phần tử gốc/trình duyệt