IE10 媒体查询不起作用

Question

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

@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){

}