La especificación de visor Pinch / Zoom funciona en el iPhone pero no en Android
Hice un sitio WordPress un tiempo atrás de una empresa de navegación, xssailing.com y actualmente tienen el puerto de vista establecido como:
<meta name="viewport" content="user-scalable=yes;width=device-width; initial-scale=0.31; maximum-scale=1.0;"/>
El sitio funciona bien en una computadora y puedo pellizcar y zoom fino en un iPhone / iPad. Cuando visito el sitio con mi kindle no puedo pellizcar y hacer zoom como puedo en otros sitios. ¿Algunas ideas?
- Más de 1 Urls diferentes y sólo One listview
- Autenticación de Firebase en el sitio web de wordpress
- API de WooCommerce para aplicaciones móviles
- Obtener mensajes de WordPress en mi aplicación para Android
- WooCommerce API: crear pedido y realizar la compra
¡Gracias!
- Descarga de imágenes de Android Loopj roto con WP API v1 y v2
- Appium en Android - SendKeys to EditText también escribe texto por defecto
- Desarrollo de Android: Obtención de datos de WordPress
- Fancybox: no se puede desplazar en teléfonos Android
- Cookie httpclient de Android rechazó el atributo de ruta de acceso ilegal
Tienes razón, no hace zoom. Probado en un Nexus S con el navegador predeterminado.
Safari definió valores realmente estúpidos para esta etiqueta (exactamente 960 píxeles de ancho, exactamente para un viejo iPhone que ya no se hizo). Por lo tanto, usted querrá especificar explícitamente minimum-scale
. Al especificar los tres parámetros de la escala (en lugar de 2 de los 3), la página se ajusta bien:
<meta name="viewport" content=" user-scalable=yes; width=device-width; initial-scale=0.31; maximum-scale=1.0; minimum-scale=0.25"/>
También espere a que toda la página se cargue completamente antes de intentar hacer zoom.
Tenga en cuenta que esto sería mucho más fuerte Stack Exchange cuestión con un ejemplo mínimo completo, y no spammy enlace a un sitio web en particular. Cuanto más amplia sea la aplicabilidad de la pregunta y la respuesta, mejor!