Hintergrundfoto verhält sich auf dem iPad nicht responsive

  • Hallo,

    Layout Album Responsive
    ZP Version 12.5.4
    http://www.schall.de

    ich habe festgestellt, dass auf dem iPad die Hintergrundgrafik auf den Unterseiten unterschiedlich skaliert wird. Bei einigen Seiten hat das eingefügte Foto eine Zoom-Stufe. Auf dem PC und iMac wird das Foto korrekt skaliert. Das Hintergrundfoto wurde über den Layout-Designer eingestellt. Was kann man tun? Grüße, Frank

  • Hallo,

    iOS Geräte (und vermutlich auch Androiden) unterstützen aus Performance-Gründen (sonst würde das scrollen verlangsamt) das CSS-Attribut "cover" (Layout-Editor > Allgemein > Hintergrund Fenster > Größenanpassung: Alles ausfüllen) für die Größeneinstellung von Hintergrundbildern nicht. Das wirkt sich dann so aus, dass der Hintergrund scrollt, statt fest zu stehen und so vergrößert wird, dass er die gesamte Seite ausfüllt.

    Daran können wir leider nichts ändern. Aber vielleicht ist es ja gar nicht so schlimm, dass sich eine Platform halt mal etwas anders verhält?
    Oder wäre es Ihnen lieber, wenn stattdessen auf diesen Geräten gar kein Hintergrundbild gezeigt würde? Was wäre Ihr Wunsch?

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo,

    das der Hintergrund auf den iOS-Geräten nicht scrollt wäre schon ok. Darum ging es mir eigentlich nicht. Meine Frage ist, warum wird ein Hintergrundfoto auf jeder Unterseite unterschiedlich dargestellt? Man erwartet doch, das die Darstellung auf jeder Seite gleich ist, oder? Auf dem Screenshots links sieht man, dass das Hintergrundfoto vergrößert dargestellt wird. Im rechten Scrennshot ist die Darstellung in Ordnung. Gibt es für dieses Verhalten evtl. eine Erklärung? Grüße, Frank

  • Ich vermute Sie meinen, wenn auf allen Seiten das Selbe Bild benutzt wird, wird es unterschiedlich Dargestellt (vergrößert)?
    Das liegt am unterschiedlich langen Inhalt. Das Bild wird jeweils so weit vergrößert, dass es die Gesamte Seite ausfüllt. Und weil es auf iOS scrollt, ist in dem Fall die Gesamte Seite auch wirklich die Gesamte Seite und nicht nur der Sichtbare Bereich (das Fenster). Und die Seiten-Höhe ist von der Menge des Inhalts abhängig.
    Ich finde das Verhalten auch nicht glücklich, aber was wäre die gewünschte Lösung?

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Wünschenswert wär doch, wenn z.B. ein Foto mit 2560px x 1440px (27 Zoll iMac 16:9) auf kleineren Bildschirmen wie iPad (1024px x 768px 4:3) in der Höhe eingepasst und in der Breite rechts beschnitten wird. Die linke untere Ecke als Referenzpunkt. Wäre so ein Verhalten umsetzbar?

  • "In der Höhe eingepasst" worauf? Auf die Seiten-Höhe (also Höhe des Inhalts) oder auf die Browser-Fenster-Höhe?

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo,

    entschuldigen Sie, dass sich der Beitrag so zieht. Aber, auf dem iPad steht das Bild nicht fest (hatte ich ja erklärt). Bei langem Inhalt scrollt das Bild also mit. Was Sie beschreiben, wäre dann also so, dass man die Seite initial mit Formatfüllendem Bild sehen würde und wenn man die Seite dann scrollt, würde das Bild nach oben raus scrollen. Ist das was Sie sich wünschen?

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo,

    nein, nicht wirklich. Dann hätte man bei extrem langem Inhalt einen einfarbigen Hintergrund. Das ist aber ein komplexes Thema. Ich glaube ich bin auf dem Holzweg und habe nun verstanden, warum das Hintergrundfoto bei kurzem Inhalt besser dargestellt wird als bei langem Inhalt. Ich denke, wir können diesen Post beenden, da es keine optimale Lösung gibt. Es sieht ja auch nicht so schlecht aus. Vielen Dank Grüße, Frank

  • Ja, das ist eine extrem verzwickte Situation. Und ich vermute, sobald die nächste iOS getriebene Gerätegeneration schnellere Prozessoren haben, werden dann auch irgendwann evtl. solche Features unterstützt werden…

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!