首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Bootstrap 3和IE8问题

Bootstrap 3和IE8问题
EN

Stack Overflow用户
提问于 2013-09-23 16:16:46
回答 3查看 7.2K关注 0票数 2

我正在使用Bootstrap 3框架进行新的设计。在Safari、Chrome和火狐浏览器上都能正常工作,但在IE8上就不行了。我已经在我的functions.php文件中添加了respond.min.js和html5shiv.js。正如我在Chrome的'inspect-element -> resources‘中看到的那样,这些文件被加载了。

尽管如此,在IE8中,网站还是显示为移动设备,这是不正确的。

如何解决这个问题?

EN

回答 3

Stack Overflow用户

发布于 2013-11-28 17:37:16

我的head标签:

代码语言:javascript
运行
复制
<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有安全限制。

票数 -1
EN

Stack Overflow用户

发布于 2013-12-23 02:11:34

在谷歌上搜索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/

票数 -1
EN

Stack Overflow用户

发布于 2014-11-14 14:49:34

Bootstrap将在IE 8中工作,执行以下相同的步骤:

添加下面提到的脚本不要使用CDN,从本地文件夹添加这些脚本是值得的

代码语言:javascript
运行
复制
<!-- 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

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18954614

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档