ブラウザーが理解できない CSS を無視するのに、なぜ Modernizr を使用するのでしょうか?

Question

私は一緒に働いてきました モダニズ これは素晴らしいリソースであり、まさに素晴らしいプロジェクトです。ただし、私がそれを使用した方法は次のとおりです。

• ベースライン (IE) CSS を使用したデザイン
• 高度なブラウザ向けに CSS3 効果を使用して強化する

動作に基づいてスタイルを完全に置き換えるつもりがないのであれば、なぜボックスの影、グラデーション、境界線の半径などのスタイルをスタイルシートに追加するだけではいけないのでしょうか?ブラウザがルールを理解できない場合、それを無視するだけですよね?JavaScript がオフになっていると、いずれにせよ使用できません。

一般的なケースでは上記の方法を使用し、高度なケースでは Modernizr を使用する必要がありますか?それとも、理解できないものを無視するためにブラウザに依存することに何か問題があるのでしょうか?

Answer 1

あなたは、いくつかのブラウザはまだサポートしていません（HTML 5）の要素を使用することができます。また、あなたが、フォールバックスタイルを指定することができます。

ブラウザの多くは、テキスト変換のようなもののために独自のCSSルールを作成します。 Modernizrを使用すると、一つのルールを書くことができますし、Modernizrは、それが複数のブラウザのために起こります。

私はそれだけで便利だと思います。

Answer 2

あなたは、古いブラウザを完全CSS3で何の多くを無視することは全く正しい。

そのため、私は...私の基本的なセレクタの私CSS3を行うが、多くの場合、古いブラウザの場合を扱うためにmodernizrの無フィーチャクラスを使用します。

div.box { 
         height:50px; 
         -moz-box-shadow: 3px 3px 5px #555; 
         -webkit-box-shadow: 3px 3px 5px #555; }

div.box span.fakeshadow { 
         display:none; 
}

.no-boxshadow div.box span.fakeshadow { 
         display:block; background: url('fakeshadowbg.png'); 
}

私はそれがより明確に願っています。