Twitter-Bootstrap respond.js不適用於IE8

我仍然有一些問題讓我的Twitter-Bootstrap頁面在IE8中正確顯示桌面視圖。我一直在這裏跟着幾個主題，但是投票建議只是對我沒有幫助。Twitter-Bootstrap respond.js不適用於IE8

使用建議的meta標籤

<meta http-equiv="X-UA-Compatible" content="IE=edge">

包括bootstrap.css的本地版本，html5shiv.js，respond.js，IE8響應文件，warning.js

這裏是我的頭節：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<meta name="description" content="SunTrust Equity Line Options"> 
<meta name="author" content=""> 
<link rel="shortcut icon" href="favicon.ico"> 

<title>SunTrust &ndash; Your Equity Line is Maturing. What are your options?</title> 

<!-- Bootstrap core CSS --> 
<link href="dist/css/bootstrap.css" rel="stylesheet"> 

<!-- Just for debugging purposes. Don't actually copy this line! --> 
<!--[if lt IE 9]><script src="dis/js/ie8-responsive-file-warning.js"></script><![endif]--> 

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> 
<!--[if lt IE 9]> 
    <script src="dist/js/html5shiv.js"></script> 
    <script src="dist/js/respond.js"></script> 
<![endif]-->

而且它的結束：

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> 
<script src="dist/js/tooltip.js"></script> 
<script src="dist/js/popover.js"></script> 
<script> 
$("a[rel=popover]") 
    .popover() 
    .click(function(e) { 
     e.preventDefault(); 
    }); 
</script> 
</body> 
</html>

來源

2014-01-10 Terri Swiatek

參閱此http包括jQuery的：/ /stackoverflow.com/questions/15127040/respond-js-not-working-in-ie-8它會幫助你 – 2dar

@ 2dar該答案似乎不適用於此代碼。 – Blazemonger

我回顧了上面建議的stackoverflow線程。這裏列出的項目似乎都沒有幫助。 –

我看到你在一個地方使用「dis/js/...」，在其他地方使用「dist/js /」。你確定你的路徑是正確的嗎？我會仔細檢查瀏覽器實際上是否加載了您認爲其加載的文件。

，或者它可能是有條件的意見覆制，嘗試一下本作笑容：（當然固定在下面的代碼路徑太多，如果「DIS」或「DIST」是不正確的）

<!-- Just for debugging purposes. Don't actually copy this line! --> 
<!--[if lt IE 9]> 
    <script src="dis/js/ie8-responsive-file-warning.js"></script> 
    <script src="dist/js/html5shiv.js"></script> 
    <script src="dist/js/respond.js"></script> 
<![endif]-->

我m也不熟悉ie8-responsive-file-warning.js，我會嘗試刪除，如果一切都不能確保它不與respond.js衝突。爲此，請刪除html5shiv以排除所有衝突。

來源

2014-01-11 16:27:11 erikrunia

dist/js/html5shiv.js和dist/js/respond.js是正確的目錄。我已經檢查了瀏覽器中的完整路徑，並提取了文件內容。我按照建議刪除了ie8-responsive-file-warning.js，但仍得到相同的結果。（http://skmgroupwork.com/suntrust/email/stac307b/indexhover.html） –

嗯，我已經問了幾個人，並在此讀了很多，但仍然沒有回答。似乎修復它的唯一方法就是調用IE8樣式表來正確顯示內容。

事件getbootstrap.com示例在IE8中不起作用，它們都以與IE8中移動相同的方式堆疊。

真的很遺憾，因爲我無法在大多數項目中使用它。

來源

2014-01-15 14:01:26

這表明您的IE8安裝存在問題。所有的例子都適用於IE8。 –

你是說你在IE8中看到3列的項目，那些標題和按鈕在一行中相鄰？彼此不堆疊？我仍然看到他們堆放，這不是我想要的。 getbootstrap.com示例還有3列項目。 –

是，例如http://getbootstrap.com/examples/jumbotron/和http://getbootstrap.com/examples/offcanvas/正常工作。 –

嘗試使用bootstrap的本地副本。這解決了我與IE8的問題。

來源

2014-04-21 11:54:14 bwaaaaaa

哥們你省了我很多時間，謝謝！ :) –

不客氣。您需要啓動本地副本的原因是因爲respond.js無法分析遠程css資產。 – bwaaaaaa

我們發現，在「head」部分之外有css鏈接（主要是爲了引導css）打破了respond.js根據需要提供必要的媒體查詢支持的能力。確保你所有的CSS鏈接都在你的「頭」部分。

來源

2014-06-24 14:32:57

始終確保在加載jQuery後加載以下腳本。

特別是在WordPress和其他框架有些人往往剛剛結束標記之前，因此html5shiv.js後respond.js腳本，這會導致IE8問題

<!-- Include first --> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

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

來源

2014-08-12 10:38:25

Twitter-Bootstrap respond.js不適用於IE8

回答

相關問題