Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

how to show website with full width on mobile devices

Tags:

html

css

Here is one website which is not responsive but it accommodate full width of mobile screen. http://www.tones.be (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.

like image 881
TechHelp Avatar asked Sep 04 '13 15:09

TechHelp


2 Answers

Put the meta tag in the head

<head>
    <title>My Website</title>
    <meta name="viewport" content="user-scalable = no">
</head>
like image 169
kcsoft Avatar answered Nov 15 '22 20:11

kcsoft


You can try this solution. It worked for me.

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=0" />
like image 38
Kirill Ryzhkov Avatar answered Nov 15 '22 20:11

Kirill Ryzhkov