css - 仅在 CSS 中定位 WebKit 浏览器？ (2019版)

Question

一直在用整洁的小东西

@media screen and (-webkit-min-device-pixel-ratio:0) {}

selector 到现在为止，它工作完美。但几个月后，FireFox 也能够处理这段代码，显然 Microsoft Edge 也是如此。

那么是的，对于纯 CSS 方法是否还有其他可行的替代方案？

Answer 1

要针对 Firefox Quantum 使用:

@-moz-document url-prefix() {
  @supports (animation: calc(0s)) {
      /* Firefox Quantum specific styles */
  }
}

对于 Edge，使用:

@supports (-ms-ime-align: auto) {
  /* Edge specific styles */
}