Twitter-Bootstrap响应.js不适用于IE8

我在让我的Twitter-Bootstrap页面在IE8中正确显示桌面视图时仍然遇到一些问题。我一直在这里关注一些线程，但投票的建议对我不起作用。

使用建议的元标记

<meta http-equiv="X-UA-Compatible" content="IE=edge">

包括本地版本的bootstrap.css，html5shiv.js，respond.js，ie8-response-file-warning.js

这是我的头部部分：

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="SunTrust Equity Line Options">
<meta name="author" content="">
<link rel="shortcut icon" href="favicon.ico">
<title>SunTrust &ndash; Your Equity Line is Maturing. What are your options?</title>
<!-- Bootstrap core CSS -->
<link href="dist/css/bootstrap.css" rel="stylesheet">
<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="dis/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="dist/js/html5shiv.js"></script>
  <script src="dist/js/respond.js"></script>
<![endif]-->

最后：

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="dist/js/tooltip.js"></script>
<script src="dist/js/popover.js"></script>
<script>
$("a[rel=popover]")
    .popover()
    .click(function(e) {
        e.preventDefault();
     });
 </script> 
</body>
</html>

尝试使用本地引导程序副本。这解决了我在IE8上的问题。

好吧，

我已经问了几个人并阅读了大量关于这个问题的文章，但仍然没有答案。似乎修复它的唯一方法是调用仅限IE8的样式表以使内容正确显示。

事件 getbootstrap.com 示例在IE8中不起作用，它们在IE8中都以相同的方式堆叠移动优先。

这真的是一种耻辱，因为我将无法将其用于大多数项目。

始终确保在加载 jQuery 后加载以下脚本。

特别是在WordPress和其他框架中，有些人倾向于在结束标记之前包含jQuery，因此在html5shiv之后.js和响应.js脚本，这会导致IE8出现问题

。

<!-- Include first -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<!--[if lt IE 9]>
  <script src="js/html5shiv.js"></script>
  <script src="js/respond.js"></script>
<![endif]-->

我看到你正在使用"dis/js/..."在一个地方，"dist/js/"在其他地方。你确定你的路径是正确的吗？我会仔细检查浏览器实际上正在加载您认为它正在加载的文件。

或者可能是条件注释的重复，尝试这个笑容：（当然，如果"dis"或"dist"不正确，也要修复以下代码中的路径）

<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]>
    <script src="dis/js/ie8-responsive-file-warning.js"></script>
    <script src="dist/js/html5shiv.js"></script>
    <script src="dist/js/respond.js"></script>
<![endif]-->

我也不熟悉 ie8-response-file-warning.js，如果所有其他方法都无法确定它与 respond.js 不冲突，我会尝试删除它。就此而言，删除html5siv也只是为了排除所有冲突。

我们发现，在"head"部分之外有css链接（本质上是引导css的链接）破坏了respond.js根据需要提供必要的媒体查询支持的能力。确保所有 css 链接都位于"head"部分中。

相关内容

最新更新

热门标签：