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

Question

一直在使用整洁的小

@media 屏幕和 (-webkit-min-device-pixel-ratio:0) {}

选择器直到现在，它的工作完美无缺。但几个月后，FireFox 也能够处理此代码，显然 Microsoft Edge 也能处理。

所以，是的，对于仅使用 CSS 的方法，是否有任何可行的替代方案？

Answer 1

要定位 Firefox Quantum，请使用：

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

对于边缘，使用：

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