2

我正在使用 Bootstrap 3 框架进行新设计。在 Safari、Chrome 和 Firefox 中一切正常,但在 IE8 中却不行。我在我的 functions.php 文件中添加了 respond.min.js 和 html5shiv.js。正如我在 Chrome 的“检查元素->资源”中看到的那样,这些文件被加载。

尽管如此,在 IE8 中,该站点仍以移动设备的形式显示,这是不正确的。

如何解决这个问题?

4

3 回答 3

-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服务器并设置内容并尝试。

我们需要针对 bootstrap 3 的 respond.js,如果我们只是将它放在 js 中并将其附加到标头中的 html 中,它将无法在本地机器上工作。

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

于 2013-11-28T09:37:15.903 回答
-1

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.jsHtml5Shiv.js

注意:添加序列将非常重要

先添加你的css,然后添加那些js

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

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

于 2014-11-14T06:49:33.960 回答
-1

当谷歌搜索 Bootstrap 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/

于 2013-12-22T18:11:34.410 回答