Question

我在我的网页中使用bootstrap 3.1.1并添加html5shiv lib并响应lib以解决此问题，但它无法在Internet Explorer 8上运行。

<!DOCTYPE html>
<html lang="en">
<head>

 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1">

 <link href="css/bootstrap.css" rel="stylesheet">

 <!--[if IE]>
 <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 <![endif]-->

</head>
<body>

<div id="wrapper" class="clearfix">

 <div class="header_wrapper">

     <div class="top_bar_wrapper">
          <div class="container">
               <div class="row">

                    <div class="col-md-6">
                         First Column
                    </div>

                    <div class="col-md-6">
                         Second Column
                    </div>

               </div>
          </div>
     </div>

 </div>

</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>

</body>
</html>

屏幕截图：IE 8截图 http://i.stack.imgur.com/XYxLW.jpg

IE 8 Screenshot

Mozilla截图 http://i.stack.imgur.com/bfNyo.jpg

Mozilla Screenshot

Answer 1

您是否使用file：// protocol查看您的页面？在你的截图中，它看起来像你，但它有点难以确定......

来自Boostrap Docs on Respond.js and IE8:

由于浏览器安全规则，Respond.js不适用于通过file：//协议查看的页面（就像打开本地HTML文件时一样）。要在IE8中测试响应功能，请通过HTTP（S）查看您的页面。有关详细信息，请参阅Respond.js文档。

您必须使用http（s）协议查看您的页面才能正常工作。在Windows上，您可以使用IIS或IIS Express创建本地Web服务器并使用http（s）协议测试您的页面。或者还有许多其他免费选项（谷歌是你的朋友）。

Bootstrap 3.1.1中的Html5shiv库在IE8中不起作用

1 个答案: