今天在调试bootstrap的兼容性,发现在IE8上不兼容,布局都乱了。故在网上搜了一些方法,果然有用,现总结如下,以方便加深记忆。如果一些地方还不兼容可以直接在bootstrap-ie8.css加相应的样式即可。如果还有问题的话欢迎留言。
1、加入meta标签,确定显示此网页的IE版本
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
<meta http-equiv="X-UA-Compatible" content="IE=9" />
注:bootstrap不支持IE兼容模式,为了让IE浏览器运行最新的渲染模式,将添加以上标签在页面中,IE=edge表示强制使用IE最新内核,chrome=1表示如果安装了针对IE6/7/8等版本的浏览器插件Google Chrome Frame
2、在头部引入引入html5shiv.min.js和respond.min.js
<!--[if lt IE 9]>
<link href="css/bootstrap-ie8.css" rel="stylesheet">
<script src="js/bootstrap/html5shiv.min.js"></script>
<script src="js/bootstrap/respond.min.js"></script>
<![endif]-->
注:让不(完全)支持html5的浏览器“支持”html5标签
bootstrap-ie8.css、html5shiv.min.js、respond.min.js下载地址点击链接