CSS Framework自动处理供应商前缀？

Question

我看过Blueprint,Less和SCSS,但没有一个看起来像我想做的那样.我觉得这很难相信,因为处理供应商前缀是编写CSS最令人沮丧的部分,所以它似乎是编写CSS框架的任何人应该解决的第一个问题.

我想知道,是否有我可以使用的框架(或rails gem),允许我编写border-radius:5px然后让我假设它将创建一个包含所有适当供应商前缀的规则？

谢谢

Answer 1

你可以用LESS Mixin轻松地完成这项工作 - 基本上你只需要编写一次,然后从那里开始使用一行.像这样:

// Border Radius
.border-radius(@radius: 5px) {
  -webkit-border-radius: @radius;
     -moz-border-radius: @radius;
          border-radius: @radius;
}

然后你只需要一个需要边界半径的单行程:

.classname {
  .border-radius(5px);
}

如果您还没有为LESS做好准备,那么您可以通过Prefixr处理您的代码- 它会为您生成浏览器前缀(然后您必须将代码复制粘贴回您的文件中).