Estaba siguiendo esta guía para deshabilitar el zoom para dispositivos móviles.
https://davidwalsh.name/zoom-mobile-browsers
Como muchos otros han sugerido, la guía sugiere usar:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/> <!--320-->He intentado esto y varias variaciones con la ventana gráfica y no puedo hacer que funcione. Además, al mirar el ejemplo de la guía que seguí, me di cuenta de que tampoco funciona.
https://davidwalsh.name/demo/mobile-viewport.php
¡Cualquier idea sobre por qué esto no funciona y cualquier sugerencia sobre cómo hacer que funcione sería muy apreciada!
Su código está bien, el problema es específico de iOS. Citado de otra pregunta aquí en stackoverflow:
Para las personas que buscan una solución iOS 10, user-scaleable=no está deshabilitado en Safari para iOS 10. La razón es que Apple está tratando de mejorar la accesibilidad al permitir que las personas hagan zoom en las páginas web.
Vea el hilo completo aquí: ¿Cómo deshabilita el zoom de la ventana gráfica en Mobile Safari?
O este: ¿desactivar el zoom de la ventana gráfica iOS 10 safari?
Este debería funcionar:
<!DOCTYPE html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> </head>Hice una aplicación simple. Cambio de estilo con max-zoom: 3;
Nota; max-zoom: 3 códigos para deshabilitar el doble clic. Esta nota es cierta incluso si se agrega min-zoom: 3 .