7

CSSにベンダープレフィックスを自動的にスローするスクリプトを自分のサイトに含めることができますか？標準のCSSを作成したいので、数年以内に戻ってベンダープレフィックスを削除する必要はありません。

4

5 に答える 5

11

これを見つけたところ、完璧に見えます: http://leaverou.github.com/prefixfree/

于 2011-10-12T14:06:44.010 に答える
2

これを具体的に行うためのスクリプトを知りませんが、ストレートな CSS ではなくLESSですべてを書いています。このようにして、グラデーションのようなものをミックスイン (関数のようなもの) に入れることができ、宣言の小さなセットを 1 つ変更するだけで済みます。複数のファイルに対して行う代わりに。もちろん、ミックスインは一般に、ベンダー宣言のための jsut ではなく、多くの再利用につながります (たとえば、私は通常、960.gs に基づいてカラー パレットとアイコン セット、グリッド ミックスインを定義します)。

動的サイトでは、通常、サーバー側でコンパイルしてキャッシュするように設定します。静的サイトでは、展開する前に、シェル スクリプトを使用して、less を css に直接コンパイルします。

于 2011-08-16T00:26:16.367 に答える
2

私はそのようなスクリプトを作成し、本番環境で使用され、依存関係はありません: http://imsky.github.com/cssFx/

于 2011-10-02T13:56:03.430 に答える
1

CSSのカスケードの性質を考えると、2つのスタイルシートを含めることができます。最初の1秒は公式のCSS3に続き、2番目の最初のスタイルシートは特定の設定をオーバーライドして、実際に機能させるために必要なベンダー固有の処理を実行します。その後、将来的には（明らかに） 2番目の最初のスタイルシートを削除するだけです...

于 2011-08-16T02:49:11.903 に答える
0

コードが煩雑になるのが嫌でない限り、ベンダー プレフィックスを削除する理由はありません。

そもそもなぜ彼らがそこにいるのかについては、A List Apart http://www.alistapart.com/articles/prefix-or-posthack/のこの記事が貴重な洞察を提供しています。基本的に、持っているほうが、持っていないよりも簡単です。

CSS が次のように正しくカスケードする場合:

-webkit-border-radius: 5px;
        border-radius: 5px;

次に、Chrome と Safari がベンダー プレフィックスをドロップすると、スタイルは自然にカスケードされ、何も削除する必要はありません (追加される余分なバイトが心配でない限り)。

于 2011-08-16T07:02:16.227 に答える