11

-moz-border-radiusどのベンダー固有の CSS3 拡張機能 (たとえば、まだ必要か、または非推奨になる可能性があるか)の簡潔な要約を提示するサイトをここに投稿する人はいますか?

私が見たところによると、Chrome、Safari、Opera の最近のバージョンはすべて (IE は忘れてください。現在のアプリではそれがなくても生きていける)、概して、ベンダー プレフィックスのない W3C 属性で満足しています。

4

6 に答える 6

11

これを確認するには、 CanIUseサイトを使用することをお勧めします。

手短に言えば、ベンダー プレフィックスを使用したことのあるものすべてにベンダー プレフィックスが必要だということです。ただし、古いブラウザー バージョンをどれだけ前にサポートするかによって異なります。

CanIUse サイトには、想像できる事実上すべてのブラウザー機能と、サポートしたいほとんどすべてのブラウザーのブラウザー サポート表が含まれています。特定のブラウザーが機能をサポートしているが、ベンダー プレフィックスが必要な場合のメモが含まれています。

これらのテーブルを使用して、保持する価値のあるプレフィックスと削除できるプレフィックスを自分で決定できます。

特に について質問border-radiusされたので、サポート テーブルを見てみましょう: http://caniuse.com/#search=border-radius

これは、現在のブラウザー バージョンでプレフィックスが必要ないことを示しています。ただし、Firefox では v3.6 まで、Chrome では 4.0 まで、Safari では 4.0 までのプレフィックスが必要でした。Mobile Safari (3.2) と Android Browser (2.1) もリストに表示されます。

これらのブラウザー バージョンまたはそれ以前のバージョンをサポートする必要がある場合は、プレフィックスが必要です。そうでなければ、それらなしで逃げることができます。

それが役立つことを願っています。

于 2013-01-09T14:46:19.403 に答える
4

プレフィックスだけに関心がある場合は、すばらしいhttp://shouldiprefix.com/がおそらく探しているものです。

于 2014-07-15T18:23:52.420 に答える
4

また、Peter Gasston による The Book of CSS3 という本もあり、すべての CSS3 ブラウザー サポートを一覧にした表があります。しかし、それはあなたが探したくない最後のものだと思います...だからこれは多分？

于 2013-01-08T10:10:10.610 に答える
4

すばらしい質問です。ベンダー プレフィックスの要件に関するグローバル リファレンスが見つかりませんでした。

プロジェクトで使用しているベンダー接頭辞付きのプロパティをcaniuse.comで簡単に検索したところ、次のようなものが見つかりました (2013 年後半時点):

  • 境界半径:必要ありません
  • box-shadow:不要
  • box-sizing: -moz-現在/将来のクロムで必要
  • transform: -webkit-すべての chrome/webkit ブラウザで必要
  • 勾配: -webkit-現在の Android ブラウザーおよびその他の最近のブラウザーで必要
  • linear-gradient: -webkit-現在の Android ブラウザやその他の最近のボックス サイズ変更に必要です。
  • 入力プレースホルダー:不要
  • background-clip:不要
  • ユーザー選択:すべてに必要

(注:「不要」とは、1% + グローバルな使用率のブラウザーでは必要ないものと定義しました)

これに自由に追加してください...

公開サービスのお知らせ:
ベンダー プレフィックス付きのプロパティを使用する場合は、常にベンダー プレフィックスのないプロパティよりも前に配置する必要があることに注意してください。

例：

textarea { 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
于 2013-12-21T16:58:29.713 に答える
1

この質問を気にする必要はありません。

gulp または grunt を使用している場合は、ターゲット (IE8、IE9、Chrome 30 など) に応じて css の前に自動的にプレフィックスを付けるモジュールを使用できます。

https://github.com/Metrime/gulp-autoprefixer

https://github.com/nDmitry/grunt-autoprefixer

于 2014-07-17T12:27:34.283 に答える