资讯中心

怎样让Bootstrap兼容IE解决方法

来自:衡庐科技 发布时间:2017/1/6 16:07:33 浏览次数:
 
1.正确调用远程地址即只要是IE9以下,就调用两个专门的js
<!-- 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]-->
2.正确引用js或css文件,要先引入css再引入js
<link rel="stylesheet" type="text/css" href="bootstrap.min.css" media="screen"/>
<script type="text/javascript" src="js/xxx.js"></script>
3.针对浏览器的内容做标识(使用meta标签调节浏览器的渲染方式)bootstrap不支持IE兼容模式,为了让IE浏览器运行最新的渲染模式,将添加以下标签在页面中
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
4.IE8不支持container的几个属性IE8不完全支持box-sizing:border-box与min-width,max-width,min-height或max-height的一起使用
5.
<!DOCTYPE html>
这之间不能有空格
<html>
6.也可以手动更改 bootstrap.css里面的样式
7.使用quirks mode(兼容模式)定义网页时,向后兼容旧的浏览器的模式就是quirks mode,与之对应的是“标准模式”就是standard mode。具体是将
<!DOCTYPE html>
写成以前的这种
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
 
售前咨询售后服务技术支持