Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Android browser scaling?

I'm trying to create a mobile website for android. When I set the width of the body to 480px (the width of the screen) the result is about 50% larger than what I expect. It seems that android is scaling what it draws and messing up all my layouts. Does anyone know how to disable this, or work around it?

I'm already using this:

<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
like image 298
Joren Avatar asked Apr 20 '10 07:04

Joren


People also ask

How do you zoom out on Android Google?

Pinch 2 or more fingers together or apart to adjust zoom. To zoom temporarily, quickly tap the screen 3 times and hold down your finger on the third tap. Drag your finger to move around the screen. Lift your finger to zoom out.


1 Answers

You're missing the secret new Android-only viewport property "target-densityDpi" which you can use to configure browser scaling. See the linked question for more details.

like image 148
Dan Fabulich Avatar answered Sep 30 '22 06:09

Dan Fabulich