Sto costruendo un'app PhoneGap + JQuery Mobile, ma non riesco a impedirgli di eseguire lo zoom con un doppio clic. Ho seguito i suggerimenti elencati http://www.tricedesigns.com/2012/01/17/mobile-web-phonegap-html-dev-tips/, in particolare con l'aggiunta di:Prevenzione dello zoom in Phoneegap + JQuery Mobile
<meta name="viewport" content="width=device-width, user-scalable=no" />
Qualcuno sa di una soluzione per lo zoom?
Prova:
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
Questo è quello che io uso e non ho ricevuto alcun comportamento zoom.
Ecco la documentazione Apple per la viewport meta tag: http://developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariHTMLRef/Articles/MetaTags.html
Place "user-scalable = no" al tuo meta tag
come questo
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">La soluzione accettata non sembra funzionare in iOS10, questo fa:
// stop ios bounce and zoom
document.ontouchmove = event => {
event.preventDefault();
};
Questo fermerà spostare gli eventi che raggiungono l'elemento root/navigatore
Ok, penso che quello fosse il problema avrebbe potuto essere relative a o: 1) Memorizzazione nella cache 2) Utilizzo delle impostazioni "-webkit-user-select" suggerite su http://www.tricedesigns.com/2012/01/17/mobile-web-phonegap-html-dev-tips/ Ad un certo punto si è interrotto lo zoom, ma dopo aver svuotato la cache e rimosso "-webkit-user-select". Non sono sicuro di chi l'abbia provocato. (Probabilmente cache) – Anthony