4

下位互換性についてあまり気にしていないことを考えると (グラフィックスなどに依存するのではなく、CSS3 および HTML5 ベースのデザインを検討しています)、次のような CSS を使用する利点は何ですか。

-moz-box-shadow:    3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;

使用するだけでは：

box-shadow: 3px 3px 5px 6px #ccc;

後者は、ほとんどの最新のブラウザーで正常に動作するようです (明らかなことを除いて! :p IE を見てください! IE9 ではおそらく動作すると思いますが、現時点では Mac を使用しているためテストできません)。 .

私は物事を見ていますか？上記のブラウザ固有のコードを使用する必要がありますか? それとも、すべてのブラウザが標準をサポートする方向に進んでいますか?

4

3 に答える 3

7

それは本当にあなたが完全にサポートしたい機能とブラウザに依存します。現在でも一部のブラウザは遅れています。

ここに本当に優れたガイドがあります：http：//caniuse.com/

于 2012-02-22T19:48:14.777 に答える
2

すべてのブラウザは通常、標準サポートに移行します。

2つの問題があります

  1. 私たちが使用できるCSS3ルールの多くは、まだ検討中です。つまり、まだ標準の一部ではありません。
  2. 一部の人々は、プレフィックスのないルールをサポートしていない可能性のある古いバージョンのブラウザを使い続けています。

これらの2つの理由から、スタイルシートでは引き続きベンダープレフィックスのCSSルールを使用します。

于 2012-02-22T19:48:57.587 に答える
0

現時点で必要な唯一のプレフィックスは、chrome と safari をサポートするための -webkit です。-webkit-animation、-webkit-font-feature-settings、display: -webkit-flex、-webkit-filter などには Webkit が必要です。

-ms、-o、-moz は、自社でもサポートを終了したブラウザをサポートします。

于 2014-12-22T13:57:29.143 に答える