I have just added the following HTML to the <head>
section of my iPhone web app:
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;"/>
This (supposedly) limits the zoom of the page so the user can't zoom in. On the 3GS and previous versions, this tag is respected - but the iPhone 4 ignores it, and lets you zoom in all you want. Furthermore, if you rotate, iPhone 4 will weirdly zoom in automatically.
How can I "lock" the zoom for my app? Can anyone point me in the right direction?