移动端初始配置，兼容不同浏览器的渲染内核

这是移动端布局的初始头部样式，可以解决不同浏览器的兼容问题

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

<!--要求当前网页使用IE浏览器最高版本的内核来渲染--> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<!--视口的设置：视口的宽度和设备一致，默认的缩放比例和PC端一致，用户不能自行缩放--> 
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"> 
<!--[if lt IE 9]> 
<!--解决ie9以下浏览器对html5新增标签的不识别，并导致CSS不起作用的问题--> 
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> 
<!--解决ie9以下浏览器对 css3 Media Query 的不识别  解决ie678对css3和html5新标签不认识的情况 --> 
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> 
<![endif]-->