2

最近、すべてのブラウザー プラットフォームで CSS グラデーションを簡単に生成できるUltimate CSS Gradient Generatorサイトを見つけました。私が探していたものにぴったりです。ただし、複数の宣言をクロスブラウザー互換にする必要がある CSS の他の側面 (つまり、-webkit-* のようなもの) にも遭遇しました。複数の種類のブラウザを使用して開発するのは大変です。私は、最初のテストでは Firebug を使用して Firefox で開発し、その後、QA としてクロスブラウザー テストを行うことを好みます。

私の質問は、既存の CSS (Firefox や Safari などに固有のもの) をプラグインして、他のブラウザー用の適切なブラウザー固有の宣言で「正規化」できるサイトを知っている人はいますか? たとえば、CSS に次のようなものがあるとします。

-moz-border-radius: 2px;

これらの宣言がいたるところにあるCSSファイルをプラグインできるようにしたいのですが、サイトにも次のようなものを追加してもらいたいです...

-webkit-border-radius: 2px;

(そして、他のブラウザで同等のものは何でも)

これを実現するツールまたはサイトを知っている人はいますか? もちろん、出荷前に広範なクロスブラウザー テストを行う必要がなくなるわけではありませんが、開発時間が大幅に短縮されると思います。

4

3 に答える 3

2

Lea Verou によるこの非常に便利な JavaScript プラグインを試すことができます: Prefix Free

-prefix-free を使用すると、どこでもプレフィックスのない CSS プロパティのみを使用できます。必要な場合にのみ、現在のブラウザーのプレフィックスを CSS コードに追加して、舞台裏で動作します。

ベンダー プレフィックスがないと放射状グラデーションが表示されないことがあるため、おそらく更新が必要です。しかしborder-radiusbox-sizingbox-shadowなどのほとんどの一般的なプロパティには最適です。

于 2012-10-12T15:10:20.170 に答える
2

Prefixrはあなたが探しているものです

于 2012-10-12T16:44:44.797 に答える
1

http://prefixmycss.com/をお探しですか

于 2012-10-12T15:13:57.970 に答える