css - 仅适用于屏幕尺寸媒体查询中的 IE 11

Question

我目前有以下特定于宽度的媒体查询。

 @media only screen and (max-width: 1920px) {
    .toggleMultiSelect .filter {
        width: 566px;
    }
 }

但是“.toggleMultiSelect .filter”的宽度在 Chrome/Firefox 的 IE 中发生了变化。所以基本上需要为 IE 的 1920px 中的同一个 css 类应用不同的宽度。通过 Stackoverflow 搜索，我发现 IE 的特定行为可以像下面这样实现。

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .toggleMultiSelect .filter {
        width: 575px;
    }
}

所以现在我需要同时实现分辨率和 css 类。 575px 宽度应仅适用于 IE，而 Chrome 或 firefox 应为 566px。

在此先感谢您的帮助。

Answer 1

在媒体查询中使用下面的 css

IE 10 及以上版本

_:-ms-lang(x), .ie10up { 
       property:value; 
    }

IE 11 及以上版本

_:-ms-fullscreen, :root .CLASS_NAME { 
       property:value; 
     }