为啥有些开发人员忽略了转换的 -moz- 和 -o- 声明？

Posted 2023-02-22

【中文标题】为啥有些开发人员忽略了转换的 -moz- 和 -o- 声明？

【英文标题】：Why do some developers neglect -moz- and -o- declaration for transitions?为什么有些开发人员忽略了转换的 -moz- 和 -o- 声明？

【发布时间】：2016-04-20 07:52:56

【问题描述】：

好的，这是一个非常简单的，但是，我很好奇。

最近我发现，在一些现代（并且做得非常好）设计主题中，开发人员放弃声明 -moz- 和 -o-（好吧，无论如何都忘了 -ms-）来进行 CSS 转换。所以，而不是 i.g.有：

-webkit-transition: -webkit-transform 0.315s ease-in-out;
   -moz-transition: -webkit-transform 0.315s ease-in-out;
     -o-transition: -webkit-transform 0.315s ease-in-out;
        transition:         transform 0.315s ease-in-out;

他们只是使用：

-webkit-transition: -webkit-transform 0.315s ease-in-out;
        transition:         transform 0.315s ease-in-out;

这是有充分理由的还是他们根本不关心其他浏览器？是不是因为现代 Firefox 或 Opera 浏览器也可以使用无前缀的过渡？

我也很想在我的设计中实现更轻的版本 2，但我不确定。这里有专业人士的解释吗？

【问题讨论】：

好吧，Firefox 和 Opera 支持标准版本已经有一段时间了。只有-webkit 仍然与移动浏览器相关。除非您想支持非常旧的 Firefox 和 Opera 版本，否则没有理由使用这些前缀...

我希望的答案！凉爽的。谢谢！

【参考方案1】：

取决于什么浏览器和他们的目标是什么版本。就我的 Webkit 经验而言，如果标准化规则无法解析，Webkit 几乎总是会依赖 -webkit 注释。我已经编写了很多前端，但我还没有看到新版本的 Firefox 使用 moz 注释，除非它是一个相当新的功能，例如 object-fit 或 filters。

小建议：如果您正在运行 Gulp 或 Grunt，我建议使用 CSS-autoprefixer。这个插件会为你做前缀。