Wie bringe ich modernizr dazu, mit respond.js zu arbeiten?

Question

Ich erstelle ein schrittweise verbessertes Design mit CSS3-Media-Queries, das zunächst auf kleine Bildschirmgrößen reagiert und dann auf größere, indem ich Media-Queries verwende.

Natürlich funktionieren Media-Queries nicht im IE8 und darunter. Meine versuchte Lösung ist, modernizer und respond.js zu verwenden.

Ich habe das in meinem Kopf:

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

In Firefox kann ich keine JS-Fehler in der Konsole sehen. Die Netzwerkleiste zeigt an, dass modernizr ausgeliefert wird.

In IEtester habe ich ein IE8-Panel geöffnet. Die Seite verhält sich so, als ob respond.js nicht vorhanden wäre. In der Debug-Leiste von IEtester gehe ich auf "Links". Respond.min.js ist nicht aufgeführt.

Was mache ich falsch?

Answer 1

Aus den Modernizr-Dokumenten: http://www.modernizr.com/docs#mq -- das String-Argument scheint erforderlich zu sein, um den Media Query-Test zu verwenden. Sie könnten einen Test wie verwenden:

Modernizr.mq('only screen')

Vielleicht möchten Sie sich diesen Kommentar von Alex Sexton (dem Erfinder von Modernizr.load) ansehen, der empfiehlt gegen asynchrones Laden von Respond.js aufgrund seiner starken visuellen Wirkung auf eine Website.

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