Algunos sitios web móviles como el BBC mobile website le impiden acercarse a la página de inicio principal en un iPhone: cómo se logra esto. ¿Hay alguna directiva que deba incluirse en el código HTMl o algo así?¿Cómo se evita que una página web se amplíe desde un iPhone?
Sólo tiene que decirle al iPhone de no dejar que el zoom usuario, con un meta-tag:
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
Esto todavía debe dejar su página web gira, pero no hace zoom.
¿Se usa esto en el sitio bbc? Acabo de comprobar el origen de la página vinculada mientras falsifico mi agente de usuario como un iPhone y parece que no usa ese método. ¡Entonces tampoco usa la forma que describí! –
Tienen la siguiente metaetiqueta incluida pero sin el atributo width = 320 - esto es lo que tienen: – cyberbobcat
iinnnnnnnnnteresting –
Esto se debe a que el ancho del sitio está configurado en la resolución nativa de la pantalla del iPhone. Mobile Safari nunca se acerca al 100% en ningún sitio, en un sitio de tamaño estándar, por ejemplo (1000 píxeles de ancho), se aleja para comenzar y se especifica el nivel de acercamiento al tocar dos veces o al usar el gesto de pellizcar.
Para lograr el mismo efecto, use un ancho máximo en su sitio para que coincida con la resolución del iPhone que es 320px.
En CSS esto se haría como:
div#wrapper
{
width: 320px;
}
Estoy interesado en esto, más desde el ángulo de "¿por qué no puedo hacer zoom en algunos sitios?" –