htmlmeta可以做很多事情，viewport就可以控制页面的是否可以缩放及初始大小，下面有个示例，大家可以参考下。
示例用法
代码如下:
<!DOCTYPEhtml>
<!--[ifltIE7]><htmlclass="ie6"><![endif]-->
<!--[ifIE7]><htmlclass="ie7"><![endif]-->
<!--[ifIE8]><htmlclass="ie8"><![endif]-->
<!--[ifIE9]><htmlclass="ie9"><![endif]-->
<!--[if(gtIE9)|!(IE)]><!-->
<htmlclass="w3c">
<!--<![endif]-->
<head>
<metacharset="utf-8"/>
<title>tinyCss--mycssstudytidy</title>
<metacontent="IE=edge,chrome=1"http-equiv="X-UA-Compatible"/>
<metacontent="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"name="viewport"/>
<metacontent="mycssstudytidy"name="description"/>
<metacontent="css,tidy"name="keywords"/>
<metacontent="index,follow"name="robots"/>
<metacontent="tinycss"name="application-name"/>
<metacontent="no-cache"http-equiv="Cache-Control"/>
<metacontent="-1"http-equiv="Expires"/>
</head>
<body></body>
</html>
[code]
提示一：
viewport,当你的页面有宽度时，比如宽度为1000px，设定width=1000,兼容性会更好些。
提示二：
X-UA-Compatible,此属性仅为ie8浏览器识别，让ie8用ie7的模式渲染是一种常见的应用；这样：content="IE=7";不用这个meta会是比较好的建议，因为毕竟ie8...。
提示三：
Expires：文档过期时间，过了这个时间就需要从服务器从新请求，而不可以用缓存；content="-1"理论上是禁用缓存的。
更多信息请查看IT技术专栏