IE10媒体查询不起作用

Question

我将以下两个媒体查询设置为目标IE10，当屏幕处于1200px或更低时显示div，并且当它大于1200px时将其删除，但它只会应用第二个查询＆＃39; display：block＆＃39;。我尝试重新排序媒体查询，认为它可能是一个简单的解决方案，但这并没有解决问题。我不确定我是否遗漏了一些明显的东西？

@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;
    }
}

Answer 1

这些

链接：CSS- Tricks

链接：Usage of @Media Rule

应解决您的问题。

也尝试这种方式：

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

}