移动端meta头部引用

移动端跟web端头部meta引入还是差别挺大的，下面列举了一些移动端可能会用到的meta属性，一般来说下面这些足以满足移动端页面的需求。

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /><!-- 禁止缩放 -->

<meta http-equiv="Cache-Control" content="no-cache" /><!-- 清浏览器缓存 -->

<meta content="telephone=no" name="format-detection"><!-- 告诉设备忽略将页面中的数字识别为电话号码 -->

<meta name="apple-mobile-web-app-capable" content="yes" /><!-- 删除默认的苹果工具栏和菜单栏。 -->

<meta name="apple-mobile-web-app-status-bar-style" content="black" /><!-- 当启用webapp功能时，控制手机顶部导航栏的颜色，根据实际页面的主题色进行设置 -->

<meta name="apple-mobile-web-app-capable" contenat="yes" /><!-- 网站开启对web app程序的支持 -->

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <!-- 优先使用 IE 最新版本和 Chrome渲染-->

<meta content="email=no" name="format-detection" /><!-- 禁止Android自动识别页面中的邮件地址 -->

<meta content="description" content="内容不超过150字" /> <!-- 页面描述-->

<meta name="keywords" content=""/>     <!-- 页面关键词 -->

<meta name="msapplication-tap-highlight" content="no">   <!-- windows phone 点击无高光 -->