Hallo,

ich habe immer noch Probleme zu verstehen, wie das mit den Media Queries und Responsive Design funktioniert. Ich habe eine Website mit Bootstrap erstellt: Default - STEAG & Partner AG. Wenn ich auf dem Rechner das Browserfenster verkleinere kollabiert die Navigation ab einem bestimmten Punkt wie gewünscht. Aber auf dem Iphone wird die Website im "Normalmodus" für grosse Browser angezeigt und nicht so, wie es für mobile Endgeräte ab einer gewissen Browsergrösse im Stylesheet festgelegt wäre. Warum?

Gibt es ausser der min-width noch andere Angaben, die ich machen müsste?

Danke für Tipps
Nicola

Soweit ich das sehen kann fehlt dir der viewport meta-Tag.

Edit: Wirklich gut responsive ist die Seite nicht. Da bricht nichts um, es wird einfach alles zusammengestaucht. Nur die Navigation alleine reicht nicht, damit sich die Seite "responsive" nennen darf.

- Bitte löschen, hab mich verklickt. -

Mit Media Queries legst du halt fest, wann und auf welchen Geräten bestimmte CSS-Definitionen aufgerufen werden sollen.

So hast du z.B. öfters mal Spalten, die nebeneinander floaten. Bei kleinen Geräten möchtest du aber oft, dass sie nicht mehr floaten, sondern untereinander dargestellt werden und über die gesamte Breite gehen. Würde dann etwa so aussehen:

Vielen Dank für eure schnellen Antworten.

Ich werde das mit dem viewport meta tag werde ich ausprobieren, vermutlich liegt es daran.

Ich weiss, dass der Inhalt noch nicht responsive ist, so weit bin ich noch nicht. Mir ging es nur darum, warum die Seite auf dem Iphone nicht responsiv reagiert.