示例用法
代码如下:
<!doctype html>
<!--[if lt ie 7]><html class=ie6><![endif]-->
<!--[if ie 7]><html class=ie7><![endif]-->
<!--[if ie 8]><html class=ie8><![endif]-->
<!--[if ie 9]><html class=ie9><![endif]-->
<!--[if (gt ie 9)|!(ie)]><!-->
<html class=w3c>
<!--<![endif]-->
<head>
<meta charset=utf-8 />
<title>tinycss--my css study tidy</title>
<meta content=ie=edge,chrome=1 http-equiv=x-ua-compatible />
<meta content=width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no name=viewport />
<meta content=my css study tidy name=description />
<meta content=css,tidy name=keywords />
<meta content=index,follow name=robots />
<meta content=tinycss name=application-name />
<meta content=no-cache http-equiv=cache-control />
<meta content=-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技术专栏