Question

我正在使用Bootstrap 3框架进行新设计。一切都适用于Safari，Chrome和Firefox，但不适用于IE8。我在functions.php文件中添加了respond.min.js和html5shiv.js。正如我在'inspect-element - ＆gt;中看到的那样加载这些文件资源“在Chrome中。

但是，在IE8中，该网站显示为移动设备，这是不正确的。

如何解决这个问题？

Answer 1

我的头标记：

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Bootstrap core CSS -->
    <link href="css/modern-business.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet" media="screen">
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/modern-business.js"></script>
     <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.js"></script>
    <![endif]-->  
    </head>

如果您想在本地尝试，请尝试通过localhost，或创建QA服务器并设置内容并尝试。

我们需要response.js for bootstrap 3，如果我们把它放在js中并将它附加到标题中的html中，它就不能在本地机器上工作。

它会说access denied，它只能通过服务器工作，因为IE有安全限制。

Answer 2

当谷歌搜索引导程序3 IE 8时，其中一个最佳结果是：http://www.telegraphicsinc.com/2013/10/using-bootstrap-3-with-internet-explorer-8-ie8/

最终它说你需要添加，“”你可以从这里获取：https://code.google.com/p/css3-mediaqueries-js/

Answer 3

Bootstrap将在IE 8中运行，执行以下相同步骤：

添加下面提到的脚本不要使用CDN与从本地文件夹

添加这些脚本相同的价值

<!-- language: lang-html -->

    <!--[if lt IE 9]>
          <script src="../../scripts/IE8/html5shiv.js"></script>
          <script src="../../scripts/IE8/respond.min.js"></script>
        <![endif]-->


<!-- end snippet -->

下载Respond.js和Html5Shiv.js

注意：添加序列非常重要

首先添加你的css，然后添加那些js

Bootstrap.css
YourCustom.css
Respond.js
html5shiv.js

Bootstrap IE支持详情：http://getbootstrap.com/getting-started/#support

Bootstrap 3和IE8问题

3 个答案: