Question

我想结合使用@media和@support，这样就不必为IE11和Edge两次放置相同的CSS类和属性。

请参考以下代码段：

/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .my_css_class{
        padding: 38px 15px 0px !important;
    }
}
/* Microsoft Edge */
@supports (-ms-ime-align:auto) {
    .my_css_class {
        padding: 38px 15px 0px !important;
    }
}

类似：

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none),  @supports (-ms-ime-align:auto)  {
    .my_css_class{
        padding: 38px 15px 0px !important;
    }
}

在CSS中，我们有某种方式可以合并或合并两个浏览器的属性，而不是两次具有相同的属性/类。

Answer 1

诸如@media和@supports之类的规则是单独的规则，不能通过其关键词来组合在一起。

这意味着不可能用包含两个不同关键字的一对大括号编写单个规则。

有关更多信息，您可以参考以下链接：https://stackoverflow.com/a/22780689/10487763

针对IE和Edge的CSS类/属性

1 个答案: