自动处理供应商前缀的CSS框架?-CSSFrameworkthatautomaticallyhandlesvendorprefixes?

5  

You can actually do this quite easily with a LESS Mixin - basically you write it once and from there on out you apply it with one line. Like this:

实际上，用较少的Mixin你可以很容易地做到这一点——基本上你只写一次，然后从那里开始，你用一行来应用它。是这样的:

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

Then you symply do this one-liner where you need a border radius:

然后，在需要边界半径的情况下，你可以使用这一行代码:

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

If you are not ready for LESS, then you could just process your code through Prefixr - it generates the browser prefixes for you (then you have to copy paste the code back into your file).

如果您还没有准备好，那么您可以通过Prefixr来处理您的代码—它为您生成浏览器前缀(然后您必须将代码复制到您的文件中)。

1  

you can use that: http://sjevsejev.blogspot.com/2012/07/lessjs-function-generates-prefixes-for.html

您可以使用:http://sjevsejev.blogspot.com/2012/07/lessjs-function-generates-prefixes-for.html

then it would be enough to use:

这样就足以使用:

.pf('transition','all 1s ease-in-out');
.pf('border-radius',3px);
.pf('box-shadow','2px 2px 5px 0 rgba(0,0,0,.6)');
.pf('flex', 1);