Estoy compilando una aplicación PhoneGap + JQuery Mobile, pero parece que no puedo evitar que se acerque con un doble clic. He seguido los consejos que aparecen en http://www.tricedesigns.com/2012/01/17/mobile-web-phonegap-html-dev-tips/, en concreto mediante la adición:Prevenir el acercamiento de Phonegap + JQuery Mobile
<meta name="viewport" content="width=device-width, user-scalable=no" />
¿Alguien sabe de una solución para el zoom?
Probar:
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
Esto es lo que yo uso y no consigo ningún comportamiento de zoom.
Aquí está la documentación de Apple para la etiqueta viewport meta: http://developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariHTMLRef/Articles/MetaTags.html
Place "usuario-escalable = no" en su etiqueta meta
como esto
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">La solución aceptada no parece trabajar en iOS10, esto hace:
// stop ios bounce and zoom
document.ontouchmove = event => {
event.preventDefault();
};
Esto detendrá mover eventos que llegan al elemento raíz/navegador
Ok, creo que lo que el problema era que podría haber estado relacionado con ya sea: 1) Caché 2) Utilizando la configuración "-webkit-user-select" sugerida en http://www.tricedesigns.com/2012/01/17/mobile-web-phonegap-html-dev-tips/ En algún momento, el zoom se detuvo, pero después de borrar el caché y eliminar "-webkit-user-select". No estoy seguro de qué lo provocó. (Probablemente caché) – Anthony