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

Question

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

0 html css internet-explorer-8 twitter-bootstrap-3

我在我的网页中使用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>

Run Code Online (Sandbox Code Playgroud)

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

IE 8截图

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

Mozilla截图

Answer 1

Sch*_*lzy 6

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

来自Respond.js和IE8上的Boostrap Docs:

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

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

归档时间：	11 年，2 月前
查看次数：	1466 次
最近记录：	11 年，2 月前