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

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

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

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

 

来源：oschina

链接：https://my.oschina.net/u/4396705/blog/4322085