css - 边缘 css hack 的媒体查询

Question

@media (max-width: 1200px) {@supports (-ms-ime-align:auto){.selector {max-width: 25rem;}}

上面的代码没有像我预期的那样工作。

Answer 1

如果您希望定位 .selector 的 div 类，当低于 1200 像素并且使用 Microsoft Edge 浏览器时，这就是您想要的。您错过了右括号。

@media (max-width: 1200px) {
  @supports (-ms-ime-align: auto) {
    .selector {
      max-width: 25rem;
    }
  }
}

DEMO