Zoom automático en iPhone Safari

Question

¿Hay alguna manera para que Mobile Safari reconozca un sitio destinado a teléfonos móviles y se acerque automáticamente? ¿Cómo funciona eso en otros teléfonos y navegadores?

Me gustaría evitar mirar user_agent y enviar una página diferente para cada navegador móvil.

Answer 1

Consulte configuración de la ventana gráfica parte de la guía para desarrolladores de aplicaciones web de Apple.

Answer 2

Me acabo de dar cuenta de que si tienes la altura de división de tu cuerpo o envoltura principal configurada al 100%, esto puede afectar la distancia que se acerca / procesa en un navegador móvil. Confirmó esto en el safari móvil y el navegador Chrome de Android. Una vez que configuré la altura del #siteWrapper de 100% a automático, se renderizó a una escala mucho mejor.

(la altura del 100% en una envoltura principal a menudo se usa con pies de página adhesivos).

Answer 3

Los sitios pueden reconocer un navegador móvil y producir resultados en consecuencia, esa suele ser la forma deseada.

Safari detectará el ancho y el zoom para ajustar, pero más allá de eso ...

Answer 4

Puede evitar tener diferentes páginas basadas en el Agente de usuario utilizando CSS condicional. En realidad, Apple tiene una muy buena documentación sobre la creación de páginas web que pueden admitir Safari en el iPhone junto con navegadores de escritorio.

Recomendaría comenzar con la lectura de Directrices de interfaz humana de iPhone para aplicaciones web . Esto le dará un buen comienzo en el uso de CSS condicional para personalizar las páginas en función de las características del dispositivo (como el tamaño de la pantalla) en lugar del Agente de usuario.