How to scale a website for mobile devices?

Question

Hi, 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? Thanks in advanced, Koby

Answer 1

Hi!

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;