たとえば、box-shadow や transition では、「moz」や「webkit」などのプレフィックスを使用する必要がありますか? 奇妙に思えますが、少なくとも Unix 上の Firefox では、接頭辞なしで完全に動作します。
3 に答える
これは、サポートする必要のあるブラウザによって異なります。CSS 3の機能は、CSS3を完全または部分的にサポートするブラウザーでのみ機能します。
一部のブラウザは、プレフィックスを使用して標準外の機能をサポートしています。これらの機能の一部は最終的に標準になり、新しいバージョンでは、プレフィックス付きとプレフィックスなしの両方でこれらの機能がサポートされ、後でプレフィックスなしでのみサポートされます。
サポートするブラウザーごとに同じCSSの異なるバージョンを追加し、ブラウザーが更新されたときにスタイルシートを更新する必要があります。
今のところプレフィックスを付け続けると思います。
一部のレガシー ブラウザはまだそれらを使用しており、残念ながら多くのユーザーに使用されています。
例、プレフィックスは次の場合に必要です。
- ボーダー半径 (Saf3-4、iOS 1-3.2、Android ≤1.6)
- box-shadow (Saf3-4、iOS 4.0.2 - 4.2、Android 2.3+)
簡単な答え : HTML5とCSS3はまだ開発中であり、どのブラウザーでも完全にサポートされていないため、それらを使用してください。
あなたが読みたいと思うかもしれない他のもの: 開発者として、私たちはユーザーの視点から見る必要があります.クロスブラウザーの互換性は、すべてのブラウザーでWebサイトのレイアウトをほぼ同じに維持するために不可欠です.レイアウトはすべてのブラウザーで一貫しており、独自のプロパティを使用してもページの読み込み時間が長くなることはありません。また、ほとんどのユーザーはブラウザーを最新バージョンに更新していないため、レンダリングされたページがぼろぼろになるため、安全にそれらを使用してください。ただし、CSS3 と HTML5 がすべてのブラウザーで完全にサポートされている場合を除きます。