html头部文件-head解析

1、<meta name="viewport"

          content="width=device-width, initial-scale=1, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">

移动端自适应

width                         设置layout viewport  的宽度，为一个正整数，或字符串"width-device"
initial-scale                 设置页面的初始缩放值，为一个数字，可以带小数
minimum-scale         允许用户的最小缩放值，为一个数字，可以带小数
maximum-scale         允许用户的最大缩放值，为一个数字，可以带小数
height                         设置layout viewport  的高度，这个属性对我们并不重要，很少使用
user-scalable         是否允许用户进行缩放，值为"no"或"yes", no 代表不允许，yes代表允许

2、<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

IE=Edge

会强制浏览器按照最新的标准去渲染。就像在Google’s CDN使用最新版本的JQuery一样，这是按照最新版本，但也可能由于没有固定的版本而破坏你的布局，添加”chrome=1“将允许站点在使用了谷歌浏览器内嵌框架（Chrome Frame）的客户端渲染，对于没有使用的，则没有任何影响。