为什么浏览器要为CSS属性创建供应商前缀？

Question

为什么浏览器要为CSS属性创建供应商前缀？也许这是个显而易见的答案，但是为什么在地球上浏览器会决定创建他们自己的供应商前缀吗？border-radius还有类似的？我的意思是：为什么我要打字：-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;是因为每个平台都认为“我们很酷，我们会想出一个更好如何做圆角？“似乎完全和莫名其妙地多余键入三行为一。

Answer 1

像这个职位一样，值得注意的是，现在大多数供应商都明白，这些前缀只是创建不必要的重复代码，如果您需要指定3条不同的CSS规则才能在所有浏览器中获得一种效果是不需要的。

如上文所述本术语表关于Mozilla的观点Vendor Prefix在……上面May 3, 2016,

浏览器供应商现在正试图摆脱供应商前缀的实验性功能。他们注意到，Web开发人员在生产网站上使用它们，污染了全球空间，使弱势群体更难表现出色。

例如，就在几年前，要在你必须写的盒子上设置一个圆角：

-moz-border-radius: 10px 5px;

-webkit-border-top-left-radius: 10px;

-webkit-border-top-right-radius: 5px;

-webkit-border-bottom-right-radius: 10px;

-webkit-border-bottom-left-radius: 5px;

border-radius: 10px 5px;

但是现在浏览器已经完全支持这个特性了，您实际上只需要标准化的版本：

border-radius: 10px 5px;

Answer 2

新的想法需要一段时间才能在互联网上得到认可，这样你就可以得到各种各样有趣的特质。有些想法从来没有得到批准，而另一些只有少数几个供应商才能实现。