how to show website with full width on mobile devices


Here is one website which is not responsive but it accommodate full width of mobile screen. (try to open on mobile device then you will understand what i mean. it don't have horizontal scroll bar and it is zoom in version of desktop website). I also want to build similar website but unable to figure out how to do so. I know how to use media query for handling screen size. Any suggestion will be helpful.

Problem courtesy of: TechHelp


Put the meta tag in the head

    <title>My Website</title>
    <meta name="viewport" content="user-scalable = no">
Solution courtesy of: kcsoft


You could try to add this in your page head:

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

This will attempt to make the browser display the page at full-width.

Discussion courtesy of: Dan Urbanowicz

This recipe can be found in it's original form on Stack Over Flow.