css - 现在保留这些 "-webkit-" "-moz-" "-o-" "-ms-"前缀有多大必要？ (截至 2019 年 12 月)

Question

我看到很多 CSS 代码，例如:

  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;

我只是想知道，这四个属性是否还需要保留前缀？

如果我不需要在非常古老的设备上为用户提供服务，我可以放弃它们吗？

谢谢

Answer 1

什么是供应商前缀？

简单地说，供应商前缀允许您利用已在一个或多个浏览器中实现但目前不是主流的实验性 CSS 功能。

您应该使用供应商前缀吗？

这归结为一个意见问题，但 W3C 的意见是“不，你不应该”。

Official W3C policy states that you shouldn’t really use experimental properties in production code, but people do, as they want to make sites look cool and keep on the cutting edge.
- W3C page on optimizing content for different browsers

就个人而言，如果开发人员使用供应商前缀，我绝不会接受 CSS 到我的代码库中。它会自动创建维护问题。如果您坚持在生产代码中使用实验性 CSS 功能，那么您可能应该使用诸如 autoprefixer 之类的实用程序。在构建过程中。