媒體查詢不在ie10上工作

我做了一個響應網站，我在我的CSS中使用媒體查詢。在chrome和FF上一切看起來不錯，但ie10忽略了我所有的查詢。我的頭上有<meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1">，因爲該網站已設置爲平板電腦。我試圖刪除元標記，並沒有解決問題。媒體查詢不在ie10上工作

我幾乎嘗試了一切：

@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) 
@media only screen and (max-width: 800px) 
@media screen and (max-width: 800px) 
@media all and (max-width: 800px) 
@media (max-width:800px)

似乎沒有任何工作。

來源

2013-11-21 user2587454

您可能需要@ -ms-viewport {width：device-width;變焦：1.0; }

來源

2013-11-21 07:27:45

如果您有一個JSFiddle或示例鏈接以提供更好的示例，那將會更好。 Jaynath提供了很好的建議。 FWIW視窗標籤被IE忽略，除了在手機上。 ViewPort不是一個實際的標準，它是Android，Windows Phone等提供一些支持的Apple慣例。 @viewport規則是一個實際的標準。

來源

2013-11-21 07:42:55

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    }

把你的東西放在這裏，IE 10 hack不像老版本的IE。並在媒體查詢中使用此內容

@-ms-viewport { width:device-width; zoom:1.0; }

來源

2013-12-17 05:53:52 user3106579

媒體查詢不在ie10上工作

回答

相關問題