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技術專欄
版權所有:易賢網
公眾號
事業單位
當前位置：
公考類
招聘類
各類考試