Tengo un sitio web que está diseñado para funcionar mejor con los navegadores de dispositivos móviles (iPhone, Android y Blackberry). La página predeterminada del sitio utiliza la siguiente clave del meta de evitar que el usuario escalar la página utilizando gestos de pellizco:iframe escalable por el usuario en el iPhone
<meta name="viewport" content="width=device-width,height=device-height,user-scalable=no,initialScale=1.0,maximumScale=1.0"/>
En algunos casos, estoy mostrando una imagen en esta página, y me gustaría que el usuario ser capaz de usar gestos de pellizco para acercar/alejar en solo la imagen. Un pensamiento que tuve fue crear un iframe cuando el usuario hace clic (toca) la imagen. El iframe contendría una página con la imagen y el siguiente elemento meta diseñado para permitir a los gestos de pellizco para escalar la imagen:
<meta name="viewport" content="width=device-width,height=device-height,user-scalable=yes,initialScale=1.0"/>
Pero la imagen en el iframe todavía no es escalable. ¿Es lo que estoy tratando de hacer incluso posible sin tener que navegar a una nueva página?
¿Se descubrió una solución para este problema? – ahren