浏览器支持CSS3和供应商前缀

Question

必须处理所有CSS3供应商前缀真的很烦人。从长远来看，这是必要的，还是临时修复？我需要多长时间才能在代码中维护它？

Answer 1

一个好主意是使用LESS或SASS mixins创建所有供应商前缀的东西：

.box-shadow (@string) {
    -webkit-box-shadow: @string;
    -moz-box-shadow:    @string;
    box-shadow:         @string;
}

这样一旦省略了省略前缀，你就可以从mixin中删除它，所有生成的CSS都不会再包含它。

您可能还想检查一下：

• http://css3.bradshawenterprises.com/which-vendor-prefixes-are-needed/
• http://css3generator.com/（他们不生成的内容通常会省略）
• http://caniuse.com/