2013-01-18 44 views
0

被拾起我已經在我的CSS文件中的以下的測試代碼:媒體查詢不是在IE

@media only screen and (min-width: 960px){ 
    body{ 
     background-color: red; 
    } 
    .wrapperShadow { 
     margin: 0px 3em; 
     box-shadow: 0px 0px 2.5em 0.5em rgba(0, 0, 0, 0.4); 
    } 
    .wrapperShadow { 
     margin: 0px 3em; 
     box-shadow: 0px 0px 2.5em 0.5em rgba(0, 0, 0, 0.4); 
    } 

} 

我增加了紅色,就像一個測試。 但在IE瀏覽器,它不是按照F12工具
選擇這個CSS我只是想知道問題可能是什麼。

編輯1:

什麼我注意到的是,我的網站被默認爲兼容模式,在不同的頁面。 當我使用地址欄中的小碎頁符號關閉兼容模式時,頁面看起來正確。
爲什麼它默認爲兼容模式? 是不是因爲我有以下線在我的頭:

<meta http-equiv="X-UA-Compatible" content="IE=8"> 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" >  
+0

哪個版本的IE? –

+0

如果兼容模式的圖標爲藍色,則版本爲IE版本9 – dot

回答

1

你有兼容模式打開了嗎?檢查...

(IE9在「兼容性視圖設置」,它有「顯示Intranet站點的兼容性視圖」)

好運..)

+0

,這是否意味着它的開啓?抱歉的補救問題。我只是新來的CSS的東西 – dot

1

據我所知,IE9能理解@media查詢,但早期版本不能。如果您在PC上按f12,然後檢查兼容模式,則可能會發現它運行的是早期版本。

有一次,我看到這個代碼,以顯示子IE9瀏覽器的默認圖像:

0

與那些元標記你告訴ie即使用ie 7視圖引擎,yuck。當您刪除這些標籤時,您將使用9個或10個視圖引擎。