viewport – page width in mobile devices

Basic:

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

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

Advance:

If you want pages are resized automatically basing on browser width and without (or few) RWD scripts, “viewport” is a good solution for this. The key is how to use attribute “maximum-scale”:

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

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

Reference:

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

Related CSS:

#header .wrapper, #content .wrapper, #footer .wrapper{max-width:100%; width:1200px; min-width:1100px;}

1	#header .wrapper, #content .wrapper, #footer .wrapper{max-width:100%; width:1200px; min-width:1100px;}

References: