我目前有以下宽度特定媒体查询。
@media only screen and (max-width: 1920px) {
.toggleMultiSelect .filter {
width: 566px;
}
}
但是, .toggleMultiSelect .filter 的宽度在Chrome浏览器/ Chrome中发生了变化。所以基本上需要在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 。
提前感谢您的帮助。
答案 0 :(得分:13)
在媒体查询中使用以下css
IE 10及以上
_:-ms-lang(x), .ie10up {
property:value;
}
IE 11及以上
_:-ms-fullscreen, :root .CLASS_NAME {
property:value;
}
答案 1 :(得分:4)
您是否尝试过将它们组合起来 -
@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
所以无法测试,但我认为这对您有用。希望这有用。