Basic:
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”:
1 |
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=0.8"> |
Reference:
Related CSS:
1 |
#header .wrapper, #content .wrapper, #footer .wrapper{max-width:100%; width:1200px; min-width:1100px;} |