如今,如何保留这些“ -webkit-”,“-moz-”,“-o-”,“-ms-”前缀? (截至2019年12月)

时间:2019-12-14 15:16:42

标签: css cross-browser

我看到了许多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;

我只是想知道,是否仍然需要用前缀保留这四个属性?

如果我不需要在非常古老的设备上为用户提供服务,可以放下他们吗?

谢谢

1 个答案:

答案 0 :(得分:1)

什么是供应商前缀?

简单地说,供应商前缀使您可以利用已经在一个或多个浏览器中实现但目前还不是主流的实验CSS功能。

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

这归结为一个观点问题,但是W3C的观点是“不,你不应该。”

  

W3C的官方政策规定,您不应在生产代码中真正使用实验属性,但人们却愿意这样做,因为他们希望使网站看起来更酷并保持领先地位。
  -W3C page on optimizing content for different browsers

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