移动前端不得不了解的html5 Meta标签

先贴下目前做响应式网站用到的meta标签

<meta charset="utf-8" />

<!--禁止缩放-->

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no" />

<!--用chrome内核渲染 或者用IE最新版本-->

<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

//TDK

<meta name="keywords" content="" />
<meta name="description" content="" />

//是否启用 WebApp 全屏模式
<meta name="apple-mobile-web-app-capable" content="yes" />

//设置状态栏的背景颜色
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-title" content="Web Starter Kit">

<link rel="apple-touch-icon" href="Static/img/apple-touch-icon.png" />
<link rel="apple-touch-startup-image" href="Static/img/screen.png" />
<meta name="format-detection" content="telephone=no">
<meta name="author" content="">

详细讲解移步：http://www.css88.com/archives/5480