前端

bootstrap 兼容ie8

2016年3月13日

一个项目用bootstrap做的前端框架,但是在ie8和8以下内核的浏览器中,显示很乱,主要表现在栅格表现不正确。因为ie8及以下不支持media query,所以bootstrap中的media query 根本不起做用。

在晚上搜索发现大部分的解决方案是采用reponse.js来支持部分media query,html5来模拟html5的一些特点属性。

response.js的原理就是将文档引入的css文件发送到远程服务器进行解析media query,并返回固定的width。

现在我们来进行操作。在html文件的head里加入如下内容,要在引入css文件之后,需要保证reponse.js 和 css文件同源,因为reponse.js要ajax请求css文件。

<!–[if lte IE 9]>
<script src=“bootstrap/js/respond.min.js”></script>
<script src=“bootstrap/js/html5.js”></script>
<![endif]–>
ie8下 还要使用1.x版本的JQuery。2.x已经放弃ie678的兼容。
用正确的文档声明<!DOCTYPE html>
当我的在试验网上其他教程做的时候并没有成功,而是使用官网的respons.js 和htmlspv.js才成功。下载文件
部分内容参见:http://mux.alimama.com/posts/686

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注