4

Blueprint、Less、および SCSS を見てきましたが、どれも私が望むことをしているようには見えません。ベンダー プレフィックスの処理は CSS を書く上で最もイライラする部分であるため、これは信じがたいことです。

私が知りたいのは、私が使用できるフレームワーク (または Rails gem) があるborder-radius:5pxかどうかです。これにより、適切なベンダー接頭辞をすべて使用してルールを作成できると仮定してみましょう。

ありがとう

4

3 に答える 3

5

実際、これは LESS Mixin を使用して非常に簡単に行うことができます。基本的には、一度記述して、そこから 1 行で適用します。このような：

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

次に、境界線の半径が必要な場所で、このワンライナーを単純に実行します。

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

LESS の準備ができていない場合は、Prefixrを使用してコードを処理するだけで、ブラウザのプレフィックスが生成されます (その後、コードをコピーしてファイルに貼り付ける必要があります)。

于 2012-04-04T20:05:40.030 に答える
1

それを使用できます：http://sjevsejev.blogspot.com/2012/07/lessjs-function-generates-prefixes-for.html

次に、使用するだけで十分です：

.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);
于 2012-07-21T15:04:59.243 に答える