何时需要使用供应商前缀？

Question

何时应该使用-webkit,-moz,-o等前缀？

Answer 1

带前缀的CSS属性意味着这是早期的浏览器实现。在几个浏览器实现任何具有前缀的css特性（依赖于不推荐的W3C规范）W3C修复规范中的任何差异或错误，其中在实现过程和CSS特性中查找变成W3C推荐。

例如，前缀linear-gradient语法前缀：

background: -o-linear-gradient(top, #3DC8FF 0%, #008CC3 100%); 
background: -moz-linear-gradient(top, #3DC8FF 0%, #008CC3 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3DC8FF), color-stop(100%, #008CC3)); 
background: -webkit-linear-gradient(top, #3DC8FF 0%, #008CC3 100%); 

并与出：

background: linear-gradient(to bottom, #3DC8FF 0%, #008CC3 100%); 

正如你所看到的第一个参数发生变化：如果你想从顶部渐变到底需要top前缀css值的值和to bottom的W3C线性渐变建议。

因此，您需要旧版浏览器版本的前缀，前提是没有前缀的值或该css属性没有W3C recommended specification，并且依赖于W3C draft实施。

为前端开发人员，你必须支持许多现代的浏览器及以上你的CSS包含前缀为Opera（-o），Firefox（-moz）和Chrome，Safari（-webkit）

还有一些特性移动浏览器。现在，您需要为移动设备使用-webkit前缀，例如，Mobile Safari仅使用前缀CSS属性。 Opera Classic（Opera Mobile在14版之前）手机浏览器未更新，并且始终具有-o前缀css属性。