让低版本 IE 浏览器 也支持 html5

原创 molongv 随笔 兼容性问题 208阅读 2017-12-26 11:04:55 举报

1、head引入<meta http-equiv = "X-UA-Compatible" content="IE=edge,chrome=1" />

表达的是指定浏览器使用最新内核;
2、再引入引入以下两个文件。
文件名称: html5shiv.js、respond.min.js
文件介绍:
html5shiv:解决ie9以下浏览器对html5新增标签的不识别,并导致CSS不起作用的问题。
respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。
PS:由于IE6/IE7/IE8还有很大一部分用户,特别是政府机构。为了让网站浏览者都能正常的访问HTML5网站,故这两种方案还是需要的。

引入方式:
<!--[if lt IE 9]>
  <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
  <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>;
<![endif]—>

PS1:
<!--[if lt IE 9]>
表达的是IE9以下的浏览器,执行该代码快。改代码块的内容可以写样式,也可以写js脚本。任意你发挥。
<![endif]-->

PS2:还有一种让ie8及以下支持css3媒体查询的 css3-mediaqueries.js ,像上面引入也可,但会出现闪屏 不推荐使用, 上面2个最常用。

最后还有个IE兼容方案:Bsie ,弥补了Bootstrap对IE6的不兼容。目前,bsie能在IE6上支持大部分bootstrap的特性,可惜,还有一些实在无法支持。
地址:http://www.bootcss.com/p/bsie/

评论 ( 1 )
最新评论