Internet explorer 8 带有respond.js和html5shiv.js的Bootstrap 3在IE8上仍然不起作用_Internet Explorer 8_Media Queries_Twitter Bootstrap 3_Html5shiv_Respond.js

Internet explorer 8 带有respond.js和html5shiv.js的Bootstrap 3在IE8上仍然不起作用

internet-explorer-8 twitter-bootstrap-3

Internet explorer 8 带有respond.js和html5shiv.js的Bootstrap 3在IE8上仍然不起作用,internet-explorer-8,media-queries,twitter-bootstrap-3,html5shiv,respond.js,Internet Explorer 8,Media Queries,Twitter Bootstrap 3,Html5shiv,Respond.js,我有一个网站正在运行Bootstrap3，除了IE8之外，它可以在所有浏览器上完美运行。问题在于不支持媒体查询，因此内容会像在移动设备上运行一样拉伸我尝试过包括respond.js、html5shiv.js和谷歌的html5shim。还包括meta-http-equiv标记。媒体的质疑似乎仍然不起作用另外，我知道respond.js不能在本地工作，因为它是xmlHttpRequest之类的东西，但是这个站点是在Web服务器上运行的我还确保找到了respond.js和html5shiv.js

我有一个网站正在运行Bootstrap3，除了IE8之外，它可以在所有浏览器上完美运行。问题在于不支持媒体查询，因此内容会像在移动设备上运行一样拉伸

我尝试过包括respond.js、html5shiv.js和谷歌的html5shim。还包括meta-http-equiv标记。媒体的质疑似乎仍然不起作用

另外，我知道respond.js不能在本地工作，因为它是xmlHttpRequest之类的东西，但是这个站点是在Web服务器上运行的

我还确保找到了respond.js和html5shiv.js，并且链接没有断开

有什么想法吗？

好的，所以非响应css文件不是我们想要的。但是，我们发现了问题：

IE8似乎不喜欢@import属性

我们使用了一个全局css文件，它导入了必要的样式。当将所有样式表移动到标题并使用普通链接标记包含它们时，它会起作用

不过很奇怪，常规的引导样式（按钮、背景等）被正确导入。网格系统不是。我猜Internet Explorer的工作方式神秘而迟钝。

我也有同样的问题。就我而言，是怪癖模式把事情搞砸了。通过更换标准（建议使用Bootstrap 3.0），IE可以被迫进入怪癖模式：

到

如果您想在本地尝试…请尝试通过localhost，或创建QA服务器并设置内容，然后重试。我们需要respond.js用于bootstrap3，如果我们只是将它放在js中并将其附加到标题中的html中，它将无法在本地计算机中工作。它会说访问被拒绝。它只能通过服务器工作，因为ie有安全限制。

：P

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

特别是在WordPress和其他框架中，有些人倾向于在结束标记之前加入jQuery，因此在html5shiv.js和respond.js脚本之后加入jQuery，这会导致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]-->

我想出来了。还必须包含一个无响应的css文件。将尽快发布被接受的答案。永远不要回到html4，你疯了吗？你是对的。不同的版本可能更合适。但这确实解决了问题。。。最好是HTML5你救了我的命！我仍然想知道微软怎么能发布这样一款软件。这也是我的问题。在我通过资产管道（我正在使用rails）*=require style.css在application.css.scss中添加所有样式之后，它工作得非常好。谢谢你的提醒！！！！

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<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>

<!-- 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]-->