0

我注意到引导程序 3 在 IE 中不起作用,更具体地说,容器类不起作用,但它在 chrome 和 firefox 中起作用。我什至添加了 response.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>

我究竟做错了什么?我在整个互联网上搜索仍然无法使其正常工作。

4

3 回答 3

1

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

于 2013-11-10T12:15:01.353 回答
1

我刚刚遇到了类似的问题。事实证明,缩小的 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

于 2014-01-24T18:06:07.677 回答
0

我也遇到了这个问题,我注意到当导入时src="js/respond.min.js找不到 js 文件,文件上出现了 404。我将其更改为src="./js/respond.min.js以 ./ 开头,并添加它能够找到文件和 div 中心。

于 2014-04-08T09:35:14.903 回答