2011-07-08 9 views
2

私はCSS3のメディアクエリを使って徐々に強化されたデザインを作成しています。最初は小さな画面サイズに対応し、その後はメディアクエリを使用して大きくなります。modernizrをrespond.jsと連携させるにはどうすればよいですか?

もちろん、メディアクエリはIE8以下では機能しません。私の試みた解決策は、modernizerとrespond.jsを使うことです。

私は私の頭の中でこの持っている:Firefoxで

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

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

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

私は間違っていますか?

答えて

1

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

Modernizr.mq('only screen') 
あなたは、その高度に視覚的なインパクトにRespond.jsの非同期ロードに対する を推奨していますアレックス・セクストン(Modernizr.loadの作成者)から、このコメントで見たいと思うかもしれません

ウェブサイト上で

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

関連する問題