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的主要内容,如果未能解决你的问题,请参考以下文章