/ / Foundation 4 Medienanfrage - zurb-foundation

Foundation 4 Medienabfrage - zurb-foundation

Ich bin Anfänger im CSS-Design.

Ich benutze Foundation 4 (Zurb), um das Frontend meines College-Projekts zu gestalten. Ich habe gelernt, dass Foundation 4 in der Natur auf Responsive Design reagiert.

Benötigen Sie eine CSS Media Abfrage mit Foundation 4? Wenn ja, wie kann ich es nutzen, welchen Nutzen kann ich daraus ziehen?

Antworten:

1 für die Antwort № 1

Sie sollten die Abschnitte "Media-Queries" und "The Grid" der Dokumentation lesen: http://foundation.zurb.com/docs/

<div class="row">
<div id="block" class="small-2 large-8 columns">Content</div>
</div>

Dieser Code wird "#block" zu 2 Spalten breit machenfür jede Bildschirmgröße aufgrund der Klasse "small-2". Die Klasse "large-8" setzt dieses Verhalten bei einer Fensterbreite von 768 Pixel und darüber außer Kraft, sodass sie auf großen Bildschirmen 8 Spalten breit ist.

Um diesen Code zu vereinfachen, wird "#block" auf Mobiltelefonbildschirmen und Spalten auf Desktopbildschirmen 2 Spalten breit dargestellt.

Wenn Sie IE6-8-Unterstützung benötigen, müssen Sie auch Respond.js verwenden: https://github.com/scottjehl/Respond