Hallo, wir haben ein seltsames Problem mit dem responsive Design beim Template Modern:

Die Seite skaliert korrekt in Chrome & Edge auf einem Android-Telefon. Alle Bilder werden passend skaliert und bleiben im Container.
Lädt man die Seite jedoch in einem iPhone (egal ob Safari oder Chrome), so werden die Bilder nicht korrekt skaliert und überlappen die Containergrenzen.
Über Hinweise auf die Ursache oder einen Lösungshinweis wären wir sehr dankbar.

Seite: www.alice-salomon-berufskolleg.de

MFG
T.S

Versuchen Sie mal folgendes:

Das Biild als eigenes Modul anlegen (nur das Bild).
Danach das Modul statt dem eigentlichen Bild mit {loadmoduleid xxx) in den Beitrag einfügen.
Statt xxx dann natürlich die Modul ID des Moduls was Sie erstellt haben (mit dem Bild) verwenden.

Es gibt für IOS Geräte keine befriedigende Lösung.

Es gibt auch etliche Workarounds im Internet um das Problem mit IOS zu beheben.

Wir könnten ggf an Apple schreiben, so dass deren Entwickler sich endlich mal an die W3C Norm halten.