WebSite X5Help Center

 
Seraina B.
Seraina B.
User

Unterschiedliche Darstellung auf Smartphone-Browser  de

Autor: Seraina B.
Besucht 1166, Followers 1, Geteilt 0  

Guten Tag,

vor wenigen Monaten am 15.02.2020 habe ich die nachfolgende Frage gestellt und darauf auch eine Antwort bekommen:

**************

Ich habe bei unserer Homepage einen Seitenhintergrund eingefügt, der bei jeder responsiven Darstellung angezeigt werden soll. Auch bei Smartphones (unter 480px). Nun habe ich das Problem, dass je nach Smartphonebrowser der Hintergrund anders dargestellt wird. Und zwar nicht nur einwenig anders, sonder massiv anders... Die Darstellung auf der Google-Chrome-App ist super gelungen. Aber die auf der Samsung-Internet-App ist viel zu weit ran gezoomt und total verpixelt. Die betroffene Bilddatei habe ich bis auf 1MB reduziert und bereits diverse Bild- und Pixelformate ausprobiert - leider weiss ich nicht mehr weiter. Schaut selbst auf "www.bärfekt.ch" und vergleicht die Darstellung auf den unterschiedlichen Smart-Phonebrowser. Ich bin Anroid-User und weiss daher auch nicht, wie die Homepage auf iOS-Geräten daher kommt...!? Was kann man dagegen machen / bzw. was könnte ich falsch gemacht haben? Im Voraus besten Dank für Ihre Unterstützung.

**************

Ich hatte von Stefano G. (Incomedia) als Antwort erhalten, dass mit grosser Wahrscheinlichkeit der Samsung-Internet-Browser veraltet ist und die Homepage in Orndung sei, wenn sie auf Google-Chrome gut dargestellt wird. Nun habe ich aber vermehrt festgestellt, dass nicht nur auf dem Samsung-Internert-Browser dieses Problem auftritt sondern auch auf allen mobilen iOs-Geräten! Ich finde die falsche Darstellung nicht schön und möchte dieses Problem wirklich gerne behoben haben. 

Besten Dank für Ihre Rückmeldung. 

Freundliche Grüsse, 

Seraina Bär

Gepostet am
5 ANTWORTEN
Andreas S.
Andreas S.
Moderator

Beim Iphone 8 ist das Foto mit dem Kran auch stark vergrößert!

Es kommt jetzt darauf an wo genau du dieses Foto eingebunden hast.  Im Hintergrund bei der STruktur oder unter Eigenschaften im Reiter Grafik oder im Zeilenstil bei der gewissen Reihe!  Wenn im Zeilenstil...hast du dann die Parallaxe mit fixiert eingestellt?

Mehr lesen
Gepostet am von Andreas S.
Seraina B.
Seraina B.
User
Autor

Hallo Andreas

besten Dank für die Info. Ich habe das Foto in der Struktur eingebunden (siehe Screenshot in Anhang). Ich habe mich bereits mit den Pixel-Grössen (Einstellung des Fotos) und der Anordnung (Einstellung in der Strukturvorlage von X5) versucht... Leider ist es immer das selbe Resultat. Und das nur bei den iOs- und de Samsung-Internet-Browser. Gibt es eine Einstellung in der Strukturvorlage, die ich übersehen habe?

Mehr lesen
Gepostet am von Seraina B.
Andreas S.
Andreas S.
Moderator

Nein, eigentlich nicht.  Du kannst nur versuchen das mit "an Seite anpassen" auf "keine Wiederholung" schalten und das Bild so groß machen, dass es über die ganze Seite geht.

Mehr lesen
Gepostet am von Andreas S.
Seraina B.
Seraina B.
User
Autor

Leider habe ich bis anhin noch keine Rückmeldung vom Support erhalten. Ich wäre Ihne sehr dankbar, wenn Sie mir antworten und helfen könnten. - Im Voraus besten Dank dafür.

Mehr lesen
Gepostet am von Seraina B.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Seraina B.
Unterschiedliche Darstellung auf Smartphone-Browser ... ... ... 

(Google | It > De)  ... hängt von veralteten Browsern oder Geräten ab ...
... können Sie sofort versuchen mit meinem exklusiven EXTRA-Code, mit einem einfachen Kopieren-Einfügen, in den Abschnitt eingefügt werden:
>> Schritt 1 - Einstellungen > Bereich Erweitert > Statistiken, SEO und Code > Funktionen im Bereich Code|Benutzerdefinierter Code  | : (3°) > Vor dem </HEAD> Tag

... Code:

<style>
html{ background: url(http://www.bärfekt.ch/style/Wallpaper-Sepia-KSW-Kran-Dach-web.jpg) ; background-position: center center; background-repeat: no-repeat;height:100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;background-attachment: fixed;}
#imPageExtContainer { background-image:url("") }
</style>

.

ciao

.

(... Hinweis: ... Hintergrundbild zu schwer (1.10 MB); ... sollte maximal 200 KB wiegen, 1/5°...)

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪