html5-----响应式布局 meta

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

viewport 控制手机全屏
width=device-width//强制让文档的宽度与设备的宽度保持1:1，

initial-scale //文档初始化缩放比例是1:1，

maximum-scale//不允许用户点击屏幕放大浏览，

user-scalable//允许用户缩放到的最大比例

如果你不希望手机自动将网页中的电话号码显示为拨号的超链接，那么可以这样写：
<meta name="format-detection" content="telephone=no; email=no" /> //不识别邮件和不把数字识别为电话号码

---

<meta http-equiv="X-UA-COMPATIBLE" CONTENT="IE=edge,chrome=1">

表示：如果安装了GCF，则使用GCF(Chrome内核 :Google Chrome Frame)来渲染页面「"chrome=1"」，如果没有安装GCF，则使用最高版本的IE内核进行渲染「"IE=edge"」。 http-equiv="X-UA-Compatible"这个是IE8的专用标记，是用来指定Internet Explorer 8 浏览器模拟某个特定版本IE浏览器的渲染方式，以此来解决IE浏览器的兼容问题。