Estoy tratando de desactivar el zoom en los dispositivos móviles.
Sé que este código funcione.

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

Pero en mi caso, no tengo la opción de usar «width=device-width». Tengo que definir el tamaño de la ventana a 480px, así que estoy usando el siguiente código

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

Pero me da un zoom a la vista de la página en el dispositivo móvil y soy capaz de zoom.

¿has probado como esta content=»width=480, initial-scale=1.0, maximum-scale=1.0, user-scalable=no»
sí, me da el mismo resultado que 480px

OriginalEl autor Awais Umar | 2014-07-21

3 Comentarios

  1. 10

    El uso de «meta-densitydpi=device-ppp» y por lo tanto el código

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

    solucionado mi problema. Gracias a Dave Torre

    OriginalEl autor Awais Umar

  2. 0

    Creo que sería mejor que utilizar el 100% en lugar de 480

    OriginalEl autor Vn Guzman

  3. 0

    He tenido un problema similar hace poco donde cuando por primera vez me carga mi pagina necesito para ser completamente demostrado en los dispositivos móviles, pero constantemente se aplica el zoom en exactamente el ancho del dispositivo basado en mi fijo ancho de ventana. Aquí es lo que yo tenía:

    <meta name="viewport" content="width=820", initial-scale=1.0" />

    He quitado el initial-scale=1.0 y no hubo ningún problema después. Por supuesto, usted puede todavía utilizar el user-scalable=no para evitar ser capaz de zoom como usted pidió.

    Me miró a Dave Torre de la respuesta con la respuesta que usted tiene y que ya no es válido. Aquí es el cambio en destino-densitydpi.

    OriginalEl autor Jester

Dejar respuesta

Please enter your comment!
Please enter your name here