具有response.js和html5shiv.js的Bootstrap 3仍无法在IE8上运行

Question

我有一个运行Bootstrap 3并在IE8以外的所有浏览器上都能正常运行的网站。 这是不支持媒体查询的问题，因此内容会像在移动设备上运行一样延伸。

我尝试过包括来自Google的response.js，html5shiv.js和html5shim。 还包括meta http-equiv-tag。 媒体查询似乎仍然无法正常工作。

另外，我知道response.js由于是xmlHttpRequest-thingy而无法在本地运行，但是此站点正在Web服务器上运行。

我还确保同时找到了response.js和html5shiv.js并且链接没有中断。

有任何想法吗？

Answer 1

好的，因此无响应的css文件不是我们想要的。 但是，我们发现了问题：

IE8似乎不喜欢@ import-property。

我们使用了导入所需样式的全局css文件。 将所有样式表移至标题并在其中包含普通链接标签时，它可以工作。

但是很奇怪，常规的引导样式（按钮，背景等）已正确导入。 网格系统不是。 我猜想Internet Explorer的工作方式神秘而卑鄙。

Answer 2

我有同样的问题。 以我为例，它是QUIRKS模式搞砸了。 通过替换标准（建议使用Bootstrap 3.0），可以迫使IE进入Quirks模式：

<!DOCTYPE HTML>

至

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

Answer 3

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

尤其是在WordPress和其他框架中，有些人倾向于在结束标记之前，因此在html5shiv.js和response.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]--> 

Answer 4

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

如果您想在本地尝试...通过本地主机尝试，或创建一个质量检查服务器并设置内容并尝试。 我们需要bootstrap 3的response.js，如果仅将其放在js中并将其附加到标头中的html，它将无法在本地计算机上工作。 它将说访问被拒绝。 它仅通过服务器工作，即具有安全限制。 ：P