IE10媒體查詢不起作用

我有以下兩個媒體查詢設置爲目標IE10，以顯示一個div時，當屏幕是在1200px或更少，當它被刪除，當它大於1200px，但它只會永遠應用第二個查詢'display：block'。我嘗試重新排序媒體查詢，認爲這可能是一個簡單的解決方案，但是這並沒有解決問題。我不確定我是否失去了明顯的東西？IE10媒體查詢不起作用

@media (min-width: 1200px) and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    .image-feed-replace { 
     display: none; 
    } 
} 

@media (max-width: 1200px) and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    .image-feed-replace { 
     display: block; 
    } 
}

來源

2017-03-21 Jess Cauchi

這些

鏈接：CSS- Tricks

鏈接：Usage of @Media Rule

應該解決您的問題。

嘗試這種方式也：

@media screen and (min-width: 1199px) and (max-width: 1200px){ 

}

來源

2017-03-21 16:58:12

謝謝，但我沒有在這裏找到任何解決方案。 –

@JessCauchi：我修改了我的答案..也檢查一下。這顯示了你如何使用媒體規則。 –

雖然 –

IE10媒體查詢不起作用

回答

相關問題