如何自动将浏览器前缀添加到 CSS3 属性？

Question

你可能知道，因为 CSS3 并不兼容所有的浏览器，当我们使用 CSS3 时，我们应该为 CSS3 属性添加前缀（如 -moz、-webkit、-o 和 ...）

很难手动编写这些前缀。那么，是否有任何插件、程序或其他东西可以检测我的 CSS 文件中的 CSS3 属性并将必要的供应商前缀附加到这些属性？

Answer 1

根据您的用例，可以想到几个选项：

• 带有Bourbon的SASS
• 带有Compass的SASS

• 少用LESS elements

• Emmet CSS3 Abbreviations（在您的文本编辑器中）

• PrefixFree（客户端js）

我个人的偏好是使用 Compass，但如果您不希望使用 CSS 预处理器的开销，Emmet 缩写会很好用。

Answer 2

这里有更多

Sublimetext 插件https://github.com/sindresorhus/sublime-autoprefixer?source=c

Answer 3

一个不错的供应商前缀 mixin，用于在 SASS here 中为使用 SASS 的用户提供此功能