IE8兼容bootstrap3

bootstrap3在ie8下有不兼容的现象,有很多解决方法:

1.声明meta

<meta http-equiv="X-UA-Compatible" content="IE=edge">(IE=edge表示强制使用IE最新内核)

2.引用第三方js,有一个叫respond.js的东西,github可以搜到

<!--[if it IE 9]>

<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>

<![endif]-->

3.引用bootstrap.min.css文件是,把文件保存到本地再引用。

4.一定要先引css再引js

5.调用方法不正确

不要用file://或@import形式引用resond.min.js或css文件

6.ie8不支持container的几个属性

ie8不完全支持box-sizing:border-box和min-width,max-width,min-height或max-height的一起使用,所以3.0+的版本中对container的类,已经不再用max-width了

7.DOCTYPE前后有空行

<!DOCTYPE html>

不能有空格,要去掉空格

8.ie8不支持媒体查询,所以对应不同不同分辨率的样式失效了,所以解决方法很简单,布局用col-xs的列布局来实现就好了

以上方法有些不好用,建议多试试。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,681评论 1 92
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 4,991评论 0 1
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 5,800评论 0 2
  • 一、如何调试 IE 浏览器 IE7以上版本自带的开发者工具,IE6可以用border的方法;例:IE11的开发者工...
    __Qiao阅读 4,778评论 2 17
  • 毫无疑问我是一个和七月一样的人,恰好我的朋友们也都是七月一样的人,七月其实遇到一个安生的机会很少。比较从小我爸妈奶...
    永之_阅读 975评论 0 0