2012-04-14 15 views
1

私はHTML5でレスポンシブなデザインを構築しています。 最初に私はModernizrとHTML5ボイラープレートのCSSのリセットを使用し、もちろんHTML5の要素のクラスとIDはIE <で9Modernizr + html5shiv VS ie9.js

を認識していなかった私は、ほとんどのため、必要なものHTML5の要素を完全にサポートされ、好ましくは、 CSSのハックを使わずに、 "max-width"の画像に適した表示フォールバックです。

これらのうち、どのオプションを選択する必要がありますか?

  1. は条件付きコメント
  2. でhtml5shivとie9.jsを含めるだけで、すべてのブラウザ
  3. ためie9.js含めるie9.jsについて

おかげで多くのことを忘れて!

+0

[HTML5shivとDean Edwards IE7-jsとModernizrの可能な複製 - 選択するには?](http://stackoverflow.com/questions/3855294/html5shiv-vs-dean-edwards-ie7-js-vs-modernizr -which-to-choose) – Spudley

答えて

4

html5shivとie9.jsは完全に異なることを行います。 html5shivは、Internet Explorerの古いバージョンのバグを解決します。このバグは、ブラウザによって予期されるHTML5によって導入された要素など、任意の要素がCSSによってスタイル付け可能ではありません。 ie9.jsは、IEの古いバージョンの特定のレンダリングバグを修正し、新しいCSS3機能のサポートを追加しようとします。 HTML5の要素

ため

フルサポートは、あなたがこれらの要素を使用する必要があるとIEの古いバージョンをサポートしています

:含める1つの問題は、あなたが何を意味するかに尽きますか?その後、html5shivが必要になります。 CSS3のプロパティとセレクタを使用する必要がありますか?次に、ie9.jsが必要になります。しかし、ie9.jsだけを含めて max-widthのサポートを追加するのは良い考えではありません。


そしてもう一つ:

は、すべてのブラウザ

はオプションになることはありませんのみie9.js含める - これを実行することだけ悪影響他のブラウザでページのパフォーマンスに影響を与えます。

+0

あなたとは関係のない何かを迷惑して申し訳ありませんが、これを見ていただけますか? http://meta.pt.stackoverflow.com/q/5175/132 –

+0

@victor申し訳ありませんが、私はポルトガル語を話しません。 http://stackapps.com/questions/2049/elections-statistics-page-for-stack-exchange-sitesで回答を投稿することができます –

0

Modernizrには、IEに新しいタグを追加するためのshivコードが含まれています< 9.他のjavascriptリンク/コードの前に、headセクションにリンクを追加してください。

だけHTML5BoilerPlateで提供のindex.htmlや他のファイルのファイルから起動して、中にあなたのコードを追加します。

関連する問題