示例用法
<!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>
提示一：
viewport, 当你的页面有宽度时，比如宽度为1000px，设定width=1000, 兼容性会更好些。
提示二：
X-UA-Compatible, 此属性仅为ie8浏览器识别，让ie8用ie7的模式渲染是一种常见的应用；这样：content="IE=7";不用这个meta会是比较好的建议，因为毕竟ie8...。
提示三：
Expires：文档过期时间，过了这个时间就需要从服务器从新请求，而不可以用缓存；content="-1"理论上是禁用缓存的。