Während wir die Site auf dem Desktop haben, haben wir die Homepage-Navigation auf die rechte Seite der Seite verschoben, um auf der linken Seite ein Loch für mehr Inhalt zu öffnen. Wir möchten diesen Inhalt nur hinzufügen, wenn der Bildschirm groß genug ist. Laden Sie es nicht nur ständig und verstecken Sie es auch auf Mobilgeräten. Das wäre doch nicht sehr mobil, oder?
Wir müssen im Wesentlichen die Fensterbreite testen, dann, wenn sie breit genug ist, Ajax in einigen Inhalten. Wie ermitteln wir die Fensterbreite? Wir betrachten eine ganze Reihe von Möglichkeiten. Wir messen es direkt. Wir verwenden matchMedia (), um eine Medienabfrage zu testen. Am Ende verwenden wir eine kleine Bibliothek namens Enquire.js, um uns Rückruffunktionen für Medienabfragen zu geben.