让Bootstrap 3支持IE6、7、8

如果你的HTML编码符合HTML5的规范,那么直接引用下面的代码就好了。这些代码应该放在所有CSS代码加载之后。

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->

<!--[if lt IE 9]>

  <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>

  <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>

<![endif]-->

但是这样简单引用之后常常会不起作用。你还需要做下面的操作。

  1. 为Bootstrap 3引用V1.11.2的JQuery库。因为最新的V2.0不再支持老的IE。V1一直到2015年还在更新,只是新特性越来越少。
  2. 使用Bootstrap 3.0.1版本附带的bootstrap.min.js库,该库版本号为V2.0。更新版本的Bootstrap JS库对老的IE也不友好。

除此之外,记得检查你的HTML文件头。XHTML流行时期,它一般是这样写的:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head profile="http://gmpg.org/xfn/11">

No! No! No! 你现在完全不应该这样写了,否则respond.js将没有办法工作。实际上现代浏览器也都不喜欢这样的HTML文件头了。

你应该改成如下形式:

<!DOCTYPE html>

<html>

好清爽的感觉!

此外,你还应该注意respond.js和html5shiv.js不支持本地调试。你必须把他们置于服务端,通过Apache/IIS/Nginx解释之后,他们才会生效。

为了适应IE兼容模式,和国内普遍流行的双核浏览器(Chrome+IE),你还可以加上下面的meta标签:

<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />

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

引用:http://blog.csdn.net/chenhongwu666/article/details/41513901

发表评论