Bootstrap 3 不支持 IE 8 和 IE 7

Posted

技术标签:

【中文标题】Bootstrap 3 不支持 IE 8 和 IE 7【英文标题】:Bootstrap 3 is not supporting the IE 8 and IE 7 【发布时间】:2014-10-22 06:00:22 【问题描述】:

我使用 Asp.Net Mvc 4 和 bootstrap 3 为 UI 开发了一个应用程序,在 Google Chrome 和 Mozilla Firefox 上一切正常,但 bootstrap 3 不支持 IE 7 和 IE 8。

如何处理 bootstrap 3 以使其支持 IE 7 和 IE 8?

【问题讨论】:

你能描述一下哪些部分在 IE 中不起作用,因为我很确定整个网站不会崩溃。或许相关帖子:***.com/questions/17947182/… 您可以尝试使用modernizer bootstrap 站点上有关于此的注释,指出需要哪些 JS 库来支持 IE8。 IE7 明确不受支持 - 如果您真的需要这个,您可能需要考虑 bootstrap 2,或者查看可以找到的补丁之一。 没人有IE7!不要费心试图让您的网站支持它,这不值得花时间! gs.statcounter.com/… 【参考方案1】:

Bootstrap 3 正式放弃了对 IE7 的支持,但如果您确实需要支持这样的旧浏览器(例如在公司环境中),您可以尝试使用 polyfill 库,例如:https://github.com/coliff/bootstrap-ie7。

目前支持 IE8(但将在 Bootstrap v4 中删除)。为了让 IE8 正常工作,您需要将 respond.js 添加到您的应用程序中。

<!-- html5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

【讨论】:

【参考方案2】:

官方不支持 IE7。将支持 IE8 和 IE9。

check bootstrap doc

选中此link 以使其在 Internet Explorer 8 和 9 中得到支持。


使 Twitter Bootstrap 3 与 Internet Explorer 7 及更低版本兼容

check this link


如果您必须支持 IE7,请不要使用 Twitter 的 Bootstrap 3。 Twitter 的 Bootstrap 3 有很多变化(Updating Bootstrap to version 3 - what do I have to do?、http://bassjobsen.weblogs.fm/its-a-shame-the-newest-version-of-githubs-most-popular-projects-is-not-backward-compatible/)不要尝试为 IE7 修复它们。考虑使用最新的2.3.2版本,没有错。你不能两者兼得;支持旧浏览器和最新的 HTML / CSS 支持。

source

【讨论】:

【参考方案3】:

如果你只是不想花太多时间在IE8及以下的老技术上,

请看https://github.com/hereblur/onesize-css

它只是从 IE8 中删除响应式,并将网页大小转换为 IE8 及以下版本的桌面版本,而无需触及其他浏览器上的响应式支持。

在 IE8 上测试并运行(即将用于 IE7 及更低版本)。或许你可以试一试。

【讨论】:

以上是关于Bootstrap 3 不支持 IE 8 和 IE 7的主要内容,如果未能解决你的问题,请参考以下文章

吴裕雄 Bootstrap 前端框架开发——Bootstrap 图片:将图片变为圆形 (IE8 不支持)

为啥放弃bootstrap改用完美支持IE8的前端框架

bootstrap4支持IE9+浏览器吗

使用 Bootstrap 和 IE 修复垂直居中 div

Bootstrap 的 IE8 中不显示占位符

让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法