iphone – how can I get my fixed-width mobile website to always appear "fully zoomed in"?-ThrowExceptions

Exception or error:

how can I get my fixed width site to always appear “fully zoomed in” on webkit (iphone and android) browsers?

right now, it looks fine on an iPhone and “too small/zoomed out” on an Android phones that have higher resolution.

i’m trying this viewport:

 <meta name="viewport" content="user-scalable=yes, width=device-width, target-densityDpi=device-dpi, initial-scale=1.0" />
How to solve:

The following worked for me. The page gets scaled down for medium and low density devices. Android 2.2 has some issues with handling meta tags.

<meta name="viewport" content="width=device-width, target-densitydpi=high-dpi" />


Try changing the “initial-scale=x.x” number until it looks right:

 <meta name="viewport" content="user-scalable=yes, target-densityDpi=device-dpi, initial-scale=1.6" />

Leave a Reply

Your email address will not be published. Required fields are marked *