User scalable iframe on iPhone
<p>I have a web site that is designed to work best with mobile device browsers (iPhone, Android, and Blackberry). The default page of the site uses the following meta key to prevent the user from scaling the page using pinch gestures:</p>

<pre><code>&lt;meta name="viewport" content="width=device-width,height=device-height,user-scalable=no,initialScale=1.0,maximumScale=1.0"/&gt;
</code></pre>

<p>In some cases, I am showing an image on this page, and I would like the user to be able to use pinch gestures to zoom in/out on <em>just</em> the image. One thought I had was to create an iframe when the user clicks (touches) the image. The iframe would contain a page with the image, and the following meta element designed to allow pinch gestures to scale the image:</p>

<pre><code>&lt;meta name="viewport" content="width=device-width,height=device-height,user-scalable=yes,initialScale=1.0"/&gt;
</code></pre>

<p>But the image in the iframe is still not scalable. Is what I am trying to do even possible without navigating to a new page?</p>
