我目前有以下宽度特定的媒体查询.
@media only screen and (max-width: 1920px) {
.toggleMultiSelect .filter {
width: 566px;
}
}
但“.toggleMultiSelect .filter”的宽度在IE中从Chrome / Firefox发生了变化.所以基本上需要在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.
在此先感谢您的帮助.
解决方法
在媒体查询中使用以下css
IE 10及以上版本
_:-ms-lang(x),.ie10up {
property:value;
}
IE 11及以上版本
_:-ms-fullscreen,:root .CLASS_NAME {
property:value;
}
