Fatal编程技术网

Twitter bootstrap 引导3标志符号导致IE8崩溃

twitter-bootstrap twitter-bootstrap-3

Twitter bootstrap 引导3标志符号导致IE8崩溃,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,我有以下带有bootstrap 3的简单HTML： <!doctype html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" > <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="js/lib/jquery/

我有以下带有bootstrap 3的简单HTML：

<!doctype html>
<html>
<head>
 <meta http-equiv="X-UA-Compatible" content="IE=edge" >
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="js/lib/jquery/jquery-1.10.2.js"></script>
    <script src="js/lib/bootstrap/js/bootstrap.js"></script>
    <link rel="stylesheet" href="js/lib/bootstrap/css/bootstrap.min.css" media="screen"/>
</head>
<body>

<div class="container">
<div class="row">
        <div class="col-md-5">
            <button type="button" class="btn btn-default btn-lg">
               <span class="glyphicon glyphicon-arrow-left"></span>Back
             </button>
        </div>
</div>
</div>
</body>
</html>


返回
当我试图在我的电脑上打开它时，它工作得很好。但是当我将它部署到服务器（AIX）时，IE8只是崩溃了，然后再次重新加载页面——在重新加载页面后，它就正常了

然后我发现罪魁祸首是铭文：

<span class="glyphicon glyphicon-arrow-left"></span>
尤其是左边的图标箭头

此外，如果我将整个按钮放在容器外：

<body>      
       <button type="button" class="btn btn-default btn-lg">
       <span class="glyphicon glyphicon-arrow-left"></span>Back</button>
</body>


返回
那么它也不会崩溃。因此，似乎是放置在容器（和行）内的glyph的组合导致IE8崩溃

我在这里做过傻事吗？我错过了这么明显的东西吗

提前谢谢

问候,

亚历克斯

好的……以下是我的发现：

  • 很明显，我忘了包括HTML5和Respondjs。这些是IE8所必需的
  • 我必须把这2个（html5shiv&respondjs）放在引导css文件之后加载。对我来说，如果我把IE8放在引导css之前，IE8仍然会崩溃

    • 这件事有什么消息吗？有。根据我下面的回答。