Hallo,
ich weiß, dass es für das folgende Problem keine richtige Lösung gibt, suche aber nach einer "best practice", wie man die kursierenden work-arounds in contao umsetzen könnte.
Ich habe eine Seite mit Hintergrundbildern, die über den kompletten viewport reichen und die über "fixed center center" und "background-size: cover" auch in allen relevanten Browsern ihre Position nicht ändern - konkret: http://www.annemaykrueger.de
Das Problem ist, dass Safari unter iPad den viewport auf die komplette Seitenhöhe bezieht und nicht auf die sichtbare Höhe. Wenn ich die Specs richtig verstanden habe, hat das wohl mit zoom und hoch-/querformat zu tun.
Das hat aber zur Folge, dass auf dem ipad das Hintergrundbild komplett unberechenbar skaliert wird. Wie das aussieht kann man sich an oben verlinkter Seite anschauen.
Es gibt diverse workarounds - zum Beispiel bei Chris Coyier - die haben aber alle den Nachteil, dass für unterschiedliche Seiten keine unterschiedlichen Hintergrundbilder eingebunden werden können, da dort immer ein Bild in ein extra-div eingebunden wird.
Für jede einzelne Seite ein einzelnes Seitenlayout mit eigenem Hintergrundbild-div-Modul anzulegen, macht ja aber wohl wenig Sinn.
Hoch- und querformat müsste man wohl über media-queries steuern können, oder?
Danke im Voraus
Oliver Schroth
Lesezeichen