Pinch/especificación de vista de zoom funciona en el iPhone, pero no en Android

Question

me hizo un sitio de WordPress un tiempo atrás de una empresa de vela, xssailing.com y actualmente han establecido el puerto Ver 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 hacer 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?

Gracias!

Answer 1

Tienes razón, no hace zoom. Probado en un Nexus S con el navegador predeterminado.

Safari definió los valores predeterminados realmente estúpidos para esta etiqueta (exactamente 960 píxeles para el ancho, exactamente para un iPhone viejo que ya no se fabrica). Por lo tanto, querrá especificar explícitamente minimum-scale. Al especificar los tres parámetros de escala (en lugar de 2 de los 3) su página de zooms 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 esperar a que toda la página a totalmente de carga antes de intentar hacer zoom.

---

Nota esto sería una cuestión mucho más fuerte Stack Exchange con un ejemplo mínimo completa, y ningún enlace spam a un sitio web en particular. Mientras más amplia sea la aplicabilidad de la pregunta y la respuesta, ¡mejor!