disable viewport zooming iOS 10 safari?

Posible solución

Los usuarios de Safari en iOS 10 ahora puede hacer “pinch-to-zoom”, esto ignora por completo el “user-scalable=no” del <meta name=”viewport”>.

Si el diseño de tu app/website tiene un estilo que necesita atributos de position absolute/fixed en el layout principal, cabecera, etc, seguramente vas a ver este “problema” en dispositivos con esta versión de iOS en el navegador Safari, no así en Chrome.

La configuración habitual del meta viewport:
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0">

o agregando shrink-to-fit=no Link . No inutiliza el pinch-to-zoom :-(

Ejemplo del error: Plunkr


Este fix me funcionó. Aquí

document.documentElement.addEventListener('touchmove', function (event) {
event.preventDefault();
}, false);

Testeado en: iOS 10.2.1 / iphone SE

Espero que les sirva!
Saludos.

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.