How Can I Get My Fixed-width Mobile Website To Always Appear "fully Zoomed In"?

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

Solution 1:

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" />

Solution 2:

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" />