Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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 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" />
like image 536
Kevin Avatar asked Jun 03 '10 22:06

Kevin


1 Answers

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" />
like image 171
Sameer Sayed Avatar answered Nov 03 '22 19:11

Sameer Sayed