如何在 2018 年针对特定浏览器

Question

我使用了如下代码：

-webkit-
-moz-
@-moz-document url-prefix() {}

过去使用 CSS 一次定位一个浏览器，但其中 none 似乎对我不再有效。

这里是-webkit-的文档，例如： https://developer.mozilla.org/en-US/docs/Web/CSS/@media/-webkit-transition#Browser_compatibility

可以看到已经不推荐了

是否有一种安全的方法来使用 CSS 定位特定浏览器（主要是 Chrome 和 Firefox）？

Answer 1

我想你正在寻找@supports

https://developer.mozilla.org/en-US/docs/Web/CSS/@supports

https://hacks.mozilla.org/2016/08/using-feature-queries-in-css/