You need to specify a fixed viewport.

For example:

<meta name="viewport" content="width=device-width; initial-scale=1.0;
user-scalable=0;">

I've written an article with a couple more things you can do to make your
web app work better:
http://rakaz.nl/2009/09/iphone-webapps-101-getting-safari-out-of-the-way.html

Cheers,

Niels Leenheer



On Wed, Dec 2, 2009 at 3:23 PM, John Crowley <[email protected]>wrote:

> I'm trying to optimize a web page application for an iPhone. The page
> contains two drop-down menus. When I click on either of the drop-
> downs, the fonts on the entire page zoom to about three or four times
> their normal view, and remain at this size. I can pinch the page to
> restore them to their normal size, but it is a strange user
> experience. Has anyone else encountered this problem?
>
> Thanks!
> JC
>
> --
>
> You received this message because you are subscribed to the Google Groups
> "iPhoneWebDev" group.
> To post to this group, send email to [email protected].
> To unsubscribe from this group, send email to
> [email protected]<iphonewebdev%[email protected]>
> .
> For more options, visit this group at
> http://groups.google.com/group/iphonewebdev?hl=en.
>
>
>

--

You received this message because you are subscribed to the Google Groups 
"iPhoneWebDev" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/iphonewebdev?hl=en.


Reply via email to