我正在使用Bootstrap 3框架進行新設計。所有在Safari,Chrome和Firefox中都可以正常工作,但在IE8中無法正常工作。我在我的functions.php文件中添加了respond.min.js和html5shiv.js。 這些文件得到加載,我可以在「檢查元素見 - 在Chrome>資源」Bootstrap 3和IE8問題
儘管如此,IE8,該網站顯示爲是在移動設備,這是不正確
。如何解決這個
我正在使用Bootstrap 3框架進行新設計。所有在Safari,Chrome和Firefox中都可以正常工作,但在IE8中無法正常工作。我在我的functions.php文件中添加了respond.min.js和html5shiv.js。 這些文件得到加載,我可以在「檢查元素見 - 在Chrome>資源」Bootstrap 3和IE8問題
儘管如此,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>
如果您想嘗試在本地,通過本地主機嘗試,或創建一個QA服務器,並設置內容,並嘗試
我們需要引導程序3的respond.js,如果我們只是把它放在js中並將它附加到html的頭部,它不會在本地機器上工作。
它會說access denied
,它只能通過服務器工作,因爲IE有安全限制。
當谷歌搜索引導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/
引導將在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 -->
注:加入順序將是非常重要的
先放入你的CSS然後添加那些JS
Bootstrap.css
YourCustom.css
迴應.js
html5shiv.js
引導IE支持的詳細信息:http://getbootstrap.com/getting-started/#support
前或你的JavaScript之後定義樣式表? –
嗨Jason,他們是在javascript之前定義的。 – Quinox
我一直在爲我的項目使用Initializr,並從來沒有這個問題:http://www.initializr.com/(澄清:Initializr給你一個預先定義的包與響應和Bootstrap已經正確設置) –