只适用于媒体查询中的IE 11屏幕尺寸

我目前有以下宽度特定媒体查询。只适用于媒体查询中的IE 11屏幕尺寸

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

但宽度为 '.toggleMultiSelect .filter' IE中从铬/火狐变化。因此，基本上需要在1920px的IE中为相同的css类应用不同的宽度。从Stackoverflow搜索中，我发现IE的具体行为可以像下面那样实现。

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

所以现在我需要实现分辨率和CSS类。 575px宽度只适用于IE和Chrome或Firefox应该得到566px。

在此先感谢您的帮助。

来源

2017-08-31 Luke

使用下面的媒体查询

内的CSS IE 10和上述

_： - 毫秒琅（x）中，.ie10up {属性：值; }

IE 11和上述

_： - MS-全屏，：根.CLASS_NAME {属性：值; }

来源

2017-08-31 05:56:22

嗨沙希尔，它应该是这样的权利？（最大宽度：1920px）{ms-fullscreen，：root .ie11up .toggleMultiSelect.filter {width：575px; } }' 我试过了，但没有运气。 – Luke

@Luke它应该是_： - ms-fullscreen，：root .toggleMultiSelect .filter {width：566px; } –

太好了。这工作。谢谢@shahil – Luke

你尝试他们这样的组合 -

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

}

这可能工作很不肯定的是，我使用Mac所以没有办法测试，但我认为这会为你工作。希望这有帮助。

来源

2017-08-31 05:51:34 weBBer

嗨weBer，我试过这个。但在IE中，仍然应用了566px的宽度。不是575px。感谢您的答复。 – Luke

@Luke是您检查课程时的第二种风格。如果是这样，我们可以尝试在样式中使用'！important'。 – weBBer

加上重要的也没有工作。感谢帮助。谢谢 – Luke

只适用于媒体查询中的IE 11屏幕尺寸

回答

相关问题