How to scale a website for mobile devices?

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?

  • Why is Android Geocoder throwing a “Service not Available” exception?
  • Android obfuscate app using proguard keeps obfuscating library jars - or is it?
  • Android SDK's Intel HAXM disabled after installing Hyper V
  • Difference between getContext() , getApplicationContext() , getBaseContext() and “this”
  • Include Stetho only in the debug build variant
  • Android LinearGradient XML
  • Should I change the existing Listview in my app to RecyclerView?
  • How to build boost for android as shared library with c++11 support
  • In-app billing v3 unable to query items without network connection or in airplane/flight mode
  • How to get the html-source of a page from a html link in android?
  • IncompatibleClassChangeError after updating to Android Build Tools 25.1.6 GCM / FCM
  • How to implement “Send Feedback” feature in Android?
  • 2 Solutions collect form web for “How to scale a website for mobile devices?”

    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;
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    

    The list should be comma-separated.

    Android Babe is a Google Android Fan, All about Android Phones, Android Wear, Android Dev and Android Games Apps and so on.