HTML WEBSITE WIRD FALSCH AUF SAFARI ANGEZEIGT

Für die Abfrage der Fensterbreiten verwendest du entweder min-width oder max-width. Entweder ... oder ... ist dabei wichtig, nicht beides zusammen.

Mit den device-width-Abfragen kannst du zudem keine Geräte ansprechen. Wie bereits geschrieben spielen die Endgeräte beim Erstellen von Webseiten keine Rolle.

Zudem sollte Bildern im HTML-Quelltext keine feste Größe über Attribute zugewiesen werden. Das führt bei flexiblen Webseiten regelmäßig zu Problemen.

Die device-width-Abfragen komplett weglassen. Und nicht versuchen die Webseite für spezielle Endgeräte wie ipad oder iphone anzupassen. Das hilft nicht weiter.

Ich kann nur nach deiner Online-Seite gehen. Da ist das CSS nicht angepasst, es stehen immer noch die device-Abfragen drin. Zudem werden mit den device-Abfragen die Flex-Anweisungen überschrieben. Flex wird also ausgeschaltet. Dann kann Flex natürlich nicht funktionieren.

Was soll sich bei schmaler Fensterbreite überhaupt ändern? Das ist aus deinem Quelltext nicht nachvollziehbar. Die Bilder werden nur kleiner, aber nicht anders angeordnet.

Es gibt keine Handy-Version. Mit solchen Bezeichnungen führst du dich nur selbst in die Irre. Genau wie mit Bezeichnungen wie ipad.

Zudem stehen in deinem Quelltext immer noch min-device-width und max-device-width.

Im HTML-Quelltext fehlt jetzt die viewport-Angabe.