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

Question

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

Answer 1

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