我知道我可以使用以下媒体查询检测IE 10+:
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
}
如果需要,我可以帮助我编写IE特定代码。问题是如何为除IE10 + 之外的任何其他浏览器编写代码?像@media一样... {我的代码在这里}
PS:我知道这些都是肮脏的伎俩,但我完全迷失了。答案 0 :(得分:0)
最简单的方法是在媒体查询之前为所有非IE10 +浏览器声明常用样式和样式,然后在媒体查询中根据需要覆盖它们以进行IE10 +所需的任何更改。
如果您需要针对特定的浏览器,这些将分别为您提供Webkit和Firefox:
@supports (-webkit-appearance:none) {
Styles Go Here for Safari and Chrome
}
Firefox有点麻烦:
_:-moz-tree-row(hover), .classname {
Styles Go Here
}
对每个类/ id /无论
重复