CSS ファイルをクリーンアップしようとしていますが、標準化されている (または少なくとも半標準化されている) ベンダー固有のプロパティを削除しても安全かどうか疑問に思っています。
たとえば、私はまだ使用する必要があります
-webkit-border-radius
-moz-border-radius
border-radius
それとも、単に一緒に行く方が良いですか
border-radius
?
CSS ファイルをクリーンアップしようとしていますが、標準化されている (または少なくとも半標準化されている) ベンダー固有のプロパティを削除しても安全かどうか疑問に思っています。
たとえば、私はまだ使用する必要があります
-webkit-border-radius
-moz-border-radius
border-radius
それとも、単に一緒に行く方が良いですか
border-radius
?
これはプロパティによって異なりますが、ほとんどの場合、ブラウザー プレフィックス付きのバージョンも使用し続ける必要があります。これは、標準化の状況そのものではなく、実装状況やさまざまなバージョンのブラウザーの実際の使用状況に依存します。
プロパティの MDN の説明、セクションブラウザの互換性を確認してください。信頼できるものではなく、すべての場合において完全に最新というわけではありませんが、これらは非常に参考になります。たとえば、border-radius
説明では、Firefox 4.0 以降、Chrome 4.0、および Safari 5.0 は標準のプレフィックスなしのバージョンをサポートすると述べています。古いバージョンは現在、使用率が非常に低くなっています。
一方、既存のコードはクリーンアップしないでください。コードを編集する際にばかげた間違いを犯すリスクがあるだけです。たとえば、現在のバージョンの Firefox はプレフィックス付きのプロパティ名を無視しますが、標準名を使用してプロパティを設定している場合、それを使用するページの動作を妨げることはありません。
対照的に、たとえば、非常に便利なhyphens
プロパティは現在、ブラウザのプレフィックスとしてのみサポートされています。別の例を挙げるとborder-image
、Firefox 15 以降および Opera も標準名をサポートしていますが、ほとんどの場合、ブラウザのプレフィックスとしてのみサポートされています。
古いバージョンのブラウザがまだ使用されているのには理由があります。理由の 1 つは、一部の環境で重要な一部のアプリケーションが、新しいバージョンのブラウザーでは動作しない可能性があることです。(または、使用されている非常に古いバージョンに遭遇したときに、私はそう言われました。)
はい、私は彼らに固執すると思います。X ブラウザーが標準化されていることが確実でない限り。w3schools によると、すべての主要なブラウザーが をサポートしborder-radius
ていますが、そのような情報について信頼できるサイトではありません。
テストしてみませんか?
下位互換性をサポートするには、前者を使用してください。
-webkit-border-radius
-moz-border-radius
border-radius