htmlmeta可以做很多事情，viewport就可以控制頁(yè)面的是否可以縮放及初始大小，下面有個(gè)示例，大家可以參考下。
示例用法
代碼如下:
<!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,當(dāng)你的頁(yè)面有寬度時(shí)，比如寬度為1000px，設(shè)定width=1000,兼容性會(huì)更好些。
提示二：
X-UA-Compatible,此屬性僅為ie8瀏覽器識(shí)別，讓ie8用ie7的模式渲染是一種常見(jiàn)的應(yīng)用；這樣：content="IE=7";不用這個(gè)meta會(huì)是比較好的建議，因?yàn)楫吘筰e8...。
提示三：
Expires：文檔過(guò)期時(shí)間，過(guò)了這個(gè)時(shí)間就需要從服務(wù)器從新請(qǐng)求，而不可以用緩存；content="-1"理論上是禁用緩存的。