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

 <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]-->

 

1.《移动端初始配置,兼容不同浏览器的渲染内核》援引自互联网,旨在传递更多网络信息知识,仅代表作者本人观点,与本网站无关,侵删请联系页脚下方联系方式。

2.《移动端初始配置,兼容不同浏览器的渲染内核》仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证。

3.文章转载时请保留本站内容来源地址,https://www.cxvn.com/study/26679.html