5

他社がデザインしたサイトロジックを書いています。（彼らは私たちにhtmlファイルを送ってくれました）

しかし、彼らのソースコードhtmlを見ると、次のことがわかりました。

1） modernizr.js

2） html5要素スクリプトの作成：

<!--[if lt IE 9]>
       <script>
          document.createElement('header');
          document.createElement('nav');
          document.createElement('section');
          document.createElement('article');
          document.createElement('aside');
          document.createElement('footer');
       </script>
    <![endif]-->

3） Html5 shiv JS：

<!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

4）css3-mediaqueries.jsメディアクエリの参照

5） Respond.js v1.1.0 最小/最大幅のメディアクエリ

html5の統合についてはよくわかりませんが、ここには冗長なコンポーネントがあると思います。

たとえば、それはmodernizr すでに提供するソリューションを含んでいると聞きましたhtml5 shiv。

使用したい前提としてmodernizr.js、どのコンポーネントを保持する必要がありますか？（各セクションに番号を付けたので、参照しやすくなります）。

（psこの質問は私がはるかに多くのセクションを持っているのであまり役に立ちませんでした）

4

2 に答える 2

1

これらすべてを合わせて、次の 2 つのことを行う目的があります。

  1. HTML5 要素をレガシー ブラウザーでレンダリングできるようにする (1、2、および 3)
  2. 古いブラウザで CSS メディアクエリを有効にする (4 および 5)

今日の使用方法では、あなたの例では、重複する機能がたくさんありますが、これは不要です。これに対する私の見解は次のとおりです。

HTML サポート

古いブラウザーで HTML5 要素を有効にする以外の目的で Modernizer を使用する場合は、Modernizer のみを使用し、Modernizer には HTML5 シブが含まれているため、2 と 3 を削除することをお勧めします。

Modernizer を使用しない場合は、ライブラリ全体を読み込む必要がない場合があります。次に、条件付き IE コメントを使用して、HTML5 shiv のみを使用する方がよい場合があります。

いいえを使用します。1 または 3 のいずれかを使用する場合、2 は完全に冗長に見えます。

メディアクエリのサポート

4 と 5 に関しては、どちらも、ネイティブ サポートのないブラウザーでメディア クエリのサポートを追加することにより、古いブラウザーでレスポンシブ Web サイトを有効にするように機能します。

Respond.js私は、非常に軽量な の個人的な経験しかありません。制限は、min/max-widthメディア クエリのサポートのみを追加することです。それが設計に十分な場合は、いいえ。5で十分でしょう。

より広範なメディア クエリのサポートが必要な場合は、no を参照する必要があると思います。代わりに 4 ですが、no を取り除くことができると思います。5、冗長になるため。

于 2013-01-16T09:09:01.080 に答える
-2

modernizr web pageの主張によると、HTML5 要素と CSS3 メディア クエリをテストするために他のチェックは必要ありません。

つまり、他のすべてのライブラリを放棄することができますが、戻って確認する必要があります。

于 2013-01-16T08:59:46.613 に答える