微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

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

谢谢

解决方法

你可以用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处理您的代码 – 它会为您生成浏览器前缀(然后您必须将代码复制粘贴回您的文件).

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。