How to scale a website for mobile devices?

Question

I've a very simple static web page (only css and links, no scripts). It looks good on android and iphone, but too small. I'm guessing they put it smaller since it work for most of the sites. How can I override this and make him look the size I want it to be?

Answer 1

Android automatically adjusts to the size of your site, try to use width:100% or smaller than around 310 pixels (scrollbar takes space) for normal viewmode.

For IPhone try using this code to force the correct size

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">  

Also to force font-size try to use this code in your css:

-webkit-text-size-adjust: none; 

Answer 2

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> 

The list should be comma-separated.