bootstrap3 兼容IE8浏览器

今天在调试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下载地址点击链接

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值