引导程序 3 即使在使用 response.js 后也无法在 IE 8 中工作



我注意到引导程序 3 在 IE 中不起作用,更具体地说,容器类不起作用,但它在 chrome 和 Firefox 中工作。我什至添加了响应.js这是我的代码

<html>
<head>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 8]>
 <script src="js/html5shiv.js"></script>
 <script src="js/respond.min.js"></script>
<![endif]-->
 <link href='http://fonts.googleapis.com/css?family=Oxygen:400,300' rel='stylesheet' type='text/css'>

</head>
<body>
<div id="header" >
    <h1 class="text-center">surrdes</h1>
    <h2 class="text-center info_h1">Simple. Clean. Effective.</h2>
</div>
<div id="first_info">
    <div class="container">
        <h1 class="info_h1">sdfsdfsdfsdfsdfs</h1>
        <p class="d_p">fdsfdsfewfdsfsd</p>
    </div>

</div>
<div id="second_info">
    <div class="container">
        <h1 class="info_h1">fdsfsdfsdfsdfsdfsdfsdf</h1></div>
 </div>

</body>
</html>

我做错了什么?我已经在互联网上搜索了所有内容,仍然无法使其正常工作。

<!--[if lt IE 8]>仅为IE7及更早版本启用脚本(lt表示低于)。你想要<!--[if lt IE 9]><!--[if lte IE 8]>

我刚刚遇到了类似的问题。事实证明,缩小的 Bootstrap 3 css 不能很好地与 Respond.js 1.4 配合使用。相反,您必须使用早期版本的 Respond.js(1.3 似乎对我有用)。

当然,您还必须遵循 Bootstrap 文档中规定的所有步骤。总之:

  • 使用响应 js 和 shiv
  • 使用 ie-edge 元
  • 不要使用 CDN,只需在同一域上托管
  • 即可
  • 不要使用@import或 file://

这是该错误的另一个描述和简短的测试标记 https://gist.github.com/outlast/8602357

我也有这个问题,我注意到像src="js/respond.min.js一样导入时,它找不到 js 文件在文件上给出 404。我将其更改为 src="./js/respond.min.js因此从 ./开始添加它,它能够找到文件和div 中心。

最新更新