几个常用解决浏览器兼容的meta标签

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

第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1

<meta content="yes" name="apple-mobile-web-app-capable" />

第二个meta标签是iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；                 

<meta content="black" name="apple-mobile-web-app-status-bar-style" />

第三个meta标签也是iphone的私有标签，它指定的iphone中safari顶端的状态条的样式；

<meta content="telephone=no" name="format-detection" />

禁止ios设备,识别电话号码.

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Bootstrap 不支持 IE 古老的兼容模式。为了让 IE 浏览器运行最新的渲染模式下，建议将此 <meta> 标签加入到你的页面中：

<meta name="renderer" content="webkit">

将下面的 <meta> 标签加入到页面中，可以让部分国产浏览器默认采用高速模式渲染页面：

webkit  移动端95%以上  用webkit 在处理 css3兼容问题上只需要加  webkit 前缀

ios系统 比较规范 样式差异小  安卓 开源的  样式差异大

<link href="images/title.ico" type="image/x-icon" rel="shortcut icon"/> 

title前面  ico图标