Question

我们正在使用Bootstrap 3，但它在Internet Explorer 8中无法正常工作。当我用IE8打开页面时，它不会显示任何内容。所有页面都是白色的。我们在IE8或7和

时加载respond.min.js

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

但它不起作用。

有什么想法吗？我们也尝试使用css3-mediaqueries.js，但没有。

Answer 1

我不确定你的问题是什么，因为它缺乏解释。大多数问题都可以通过以下Javascript包含

来解决

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="/assets/plugins-js/html5shiv.js"></script>
  <script src="/assets/plugins-js/respond.min.js"></script>
<![endif]-->

Answer 2

我正在运行一个基于BS3的站点，需要支持IE8及更高版本。您的HTML结构的头部应该看起来像我下面的内容。请注意，“site.css”和“site.js”是特定于站点的CSS和JavaScript库文件。在IE8，Firefox和Chrome中测试过：

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />

<title>PAGE TITLE HERE</title>

<!-- Load Style Sheet(s) -->
<link rel="stylesheet" type="text/css" href="Content/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="Content/site.css" />

<!-- Load JavaScript(s) -->
<script src="/Scripts/jquery.js" type="text/javascript"></script>
<script src="/Scripts/bootstrap.min.js" type="text/javascript"></script>
<script src="/Scripts/respond.min.js" type="text/javascript"></script>
<script src="/Scripts/site.js" type="text/javascript"></script>
</head>

Bootstrap 3不兼容

2 个答案: