2

CSS3 メディア クエリを使用して、最初は小さな画面サイズに対応し、次にメディア クエリを使用してより大きな画面サイズに対応する、徐々に強化されたデザインを作成しています。

もちろん、メディア クエリは IE8 以下では機能しません。私が試みた解決策は、モダナイザーとrespond.jsを使用することです。

私はこれを頭の中に持っています：

<script type="text/javascript">
        Modernizr.load({
        test: Modernizr.mq,
        nope: '/js/respond.min.js'
        });
      </script>

firefox では、コンソールに JS エラーが表示されません。ネットワーク バーは、modernizr が配信されていることを示します。

IEtester で、IE8 パネルを開いています。ページは、respond.js が存在しないかのように動作しています。IETester のデバッグ バーで、「リンク」に移動します。Respond.min.js はリストされていません。

私は何を間違っていますか？

4

1 に答える 1

1

Modernizr ドキュメントから: http://www.modernizr.com/docs#mq -- メディア クエリ テストを使用するには、文字列引数が必要なようです。次のようなテストを使用できます。

Modernizr.mq('only screen')

Alex Sexton (Modernizr.load の作成者) からのこのコメントをご覧になることをお勧めします。このコメントは、Web サイトに非常に視覚的な影響を与えるため、Respond.js の非同期読み込みを推奨していません。

https://github.com/scottjehl/Respond/issues/14#issuecomment-1017652

于 2011-08-31T19:32:18.807 に答える