1

HTML5でレスポンシブデザインを構築しています。最初はModernizrとHTML5BoilerplateのCSSリセットを使用しましたが、もちろんhtml5要素のクラスとIDはIE<9では認識されませんでした。

したがって、私が最も必要としているのは、html5要素の完全なサポートであり、CSSハックを使用せずに、「最大幅」の画像の適切な表示フォールバックが望ましいです。

これらのオプションのどれに従う必要がありますか？

  1. 条件付きコメント付きのhtml5shivとie9.jsを含める
  2. すべてのブラウザにie9.jsのみを含める
  3. ie9.jsを忘れる

どうもありがとう！

4

2 に答える 2

4

html5shivとie9.jsは完全に異なることをします。html5shivは、任意の要素（ブラウザーが以前に使用したHTML5によって導入された要素など）がCSSでスタイル設定できない古いバージョンのInternetExplorerのバグを解決します。ie9.jsは、古いバージョンのIEの特定のレンダリングのバグを修正し、新しいCSS3機能のサポートを追加しようとします。どちらを含めるかという問題は、次の意味に帰着します。

html5要素の完全なサポート

これらの要素を使用して、古いバージョンのIEをサポートする必要がありますか？次に、html5shivが必要になります。CSS3のプロパティとセレクターを使用する必要がありますか？次に、ie9.jsが必要になります。ただし、サポートを追加するためだけにie9.jsを含めることmax-widthはお勧めできません。

後もう一つ：

すべてのブラウザにie9.jsのみを含める

オプションにすることはできません。これを行うと、他のブラウザでのページのパフォーマンスに悪影響を与えるだけです。

于 2012-04-14T11:52:59.890 に答える
0

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

HTML5BoilerPlate で提供されている index.html およびその他のファイルから始めて、コードを追加するだけです。

于 2012-04-14T11:41:44.940 に答える