簡體   English   中英

Bootstrap 3和IE8問題

[英]Bootstrap 3 and IE8 issue

我正在使用Bootstrap 3框架進行新設計。 一切都可以在Safari,Chrome和Firefox中正常運行,但在IE8中則不能。 我已經在我的functions.php文件中添加了response.min.js和html5shiv.js。 如我在Chrome的“檢查元素->資源”中所見,這些文件已加載。

盡管如此,在IE8中,該站點仍按移動設備顯示,這是不正確的。

如何解決呢?

我的頭標簽:

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Bootstrap core CSS -->
    <link href="css/modern-business.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet" media="screen">
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/modern-business.js"></script>
     <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.js"></script>
    <![endif]-->  
    </head>

如果要在本地嘗試,請嘗試通過localhost或創建QA服務器並設置內容並嘗試。

我們需要bootstrap 3的response.js,如果僅將其放入js並將其附加到標頭中的html,它將無法在本地計算機上工作。

它將說access denied ,由於IE具有安全限制,因此只能通過服務器工作。

使用Googling Bootstrap 3 IE 8時,最出色的結果之一是: http : //www.telegraphicsinc.com/2013/10/using-bootstrap-3-with-internet-explorer-8-ie8/

最終,它說您需要添加“”,您可以從此處獲取它: https : //code.google.com/p/css3-mediaqueries-js/

Bootstrap將在IE 8中運行,請按照以下步驟進行操作:

添加下面提到的腳本不要使用CDN來添加本地文件夾中的腳本

<!-- language: lang-html -->

    <!--[if lt IE 9]>
          <script src="../../scripts/IE8/html5shiv.js"></script>
          <script src="../../scripts/IE8/respond.min.js"></script>
        <![endif]-->


<!-- end snippet -->

下載Respond.jsHtml5Shiv.js

注意:添加序列非常重要

首先添加您的CSS,然后添加這些js

Bootstrap.css
YourCustom.css
Response.js
html5shiv.js

Bootstrap IE支持詳細信息: http : //getbootstrap.com/getting-started/#support

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM