Hi Everyone,

I have been experiencing this same problem. What I did is I opened my web page (which is 955px wide) in notepad and changed <meta name="viewport" content="width=device-width, initial-scale=1.0"/> to <meta name="viewport" content="width=955">. Essentially, setting the content width to whatever the page width is.

Now when I view the page on my Motorola Droid X, it displays the whole page fitted correctly to my phones display. The page fits correctly in either landscape or portrait orientation. The zoom is all the way out, but I actually prefer having the page zoomed out giving me the option to zoom in and out as I deem necessary rather than the page displaying zoomed all the way in to match the mobile devices resolution. With the former, I can see immediately where I want to zoom to, with the latter I have to first zoom out or scroll around and than focus on the area of the page that interests me. To me...that's just an extra step.

Anyway, I don't have an ipad or iphone, so I don't know how this works on those devices. Can someone please try this out and post back here regarding Apple devices? Also, while this method worked, I'm not 100% sure if this is really a good fix or not. Does this work well on other devices? Are there other things to consider long term? Please try this and critique it and post your thoughts.

Thanks!