Bildiste im Zeilenstil wird im responsiven Design nicht richtig dargestellt
Author: Marco H.
Visited 1173,
Followers 1,
Shared 0
Hallo,
Habe eine Bildiste im Zeilenstil erstellt.
Die Bilder werden aber im responsiven Design ( z.B Tablet, Handy ) nicht richtig dargestellt
Hier sieht man nur einen Ausschnitt vom ganzen Bild.
Im Desktop-Design hingegen werden die Bilder vollständig dargestellt.
Gibt es hierzu eine Lösung?
Hier kann man sich die Seite ansehen
Gruß
Marco
Posted on the
Hallo Marco,
was ist den hier falsch:
VG
Andreas
Author
Hallo Andreas,
in der Dektop-Version passen die Bilder.
Wenn man sich die Seite auf einem Tablet oder Handy anschaut, dann sieht man nur einen vergrößerten Auschnitt der Bilder, also nicht das vollständige Bild.
Gruß
Marco
Hello Marco
I assume that this issue is visible on your phone only, correct?
This is due to the setting used for the background, the Parallax one probably.
On your desktop, the background image has to cover a certain amount of horizontal space:
But when you visit the website on the mobile phone, all of these images are placed vertically and this space becomes much taller. The images you used then get stretched in order to cover the entire eight of this space, causing the issue
To avoid this issue, I would advise using the Parallax effect on a different row, that doesn't become very tall once you move to the mobile phone resolution
I hope my explanation was clear
Thank you
Stefano
GOOGLE TRANSLATE ---
Hallo Marco
Ich gehe davon aus, dass dieses Problem nur auf Ihrem Telefon sichtbar ist, richtig?
Dies liegt an der Einstellung, die für den Hintergrund verwendet wird, wahrscheinlich an der Parallaxe.
Auf Ihrem Desktop muss das Hintergrundbild einen bestimmten horizontalen Raum abdecken:
Wenn Sie die Website jedoch auf dem Mobiltelefon besuchen, werden alle diese Bilder vertikal platziert und dieser Bereich wird viel größer. Die von Ihnen verwendeten Bilder werden dann gestreckt, um die gesamten acht Bereiche dieses Bereichs abzudecken, was das Problem verursacht
Um dieses Problem zu vermeiden, würde ich empfehlen, den Parallax-Effekt in einer anderen Zeile zu verwenden, die nicht sehr hoch wird, wenn Sie zur Auflösung des Mobiltelefons wechseln
Ich hoffe meine Erklärung war klar
Vielen Dank
Stefano
Author
Hallo Stefano,
diese Bilder meine ich nicht, sondern die wechselnden Bilder hinter dem Logo ganz oben auf der Startseite.
Gruß
Marco
Hello Marco
The concept is actually the same, I assume you're using Parallax there too.
Please read my answer before and you can apply the same concept to the issue above
Try it out and let me know if my explanation helped
Thank you
Stefano
GOOGLE TRANSLATE ---
Hallo Marco
Das Konzept ist eigentlich das gleiche, ich gehe davon aus, dass Sie dort auch Parallax verwenden.
Bitte lesen Sie meine Antwort vorher und Sie können das gleiche Konzept auf das obige Problem anwenden
Probieren Sie es aus und lassen Sie mich wissen, ob meine Erklärung geholfen hat
Vielen Dank
Stefano
Author
Hallo Stefano,
ich denke Du hast mein Anliegen nicht richtig verstanden.
Vergleiche bitte die wechselnden Bilder auf einem PC und auf dem Handy.
Die Bilder werden nicht automatisch an die Größe des jeweiligen Endgerätes angepasst, sondern nur wie unten zu sehen ( Handy-Version ) ein Ausschnitt des gesamten Bildes gezeigt
Gruß
Marco
Hello Marco
That is correct. If you're using the Parallax or Fixed effect, the reason is the one I've stated above. Alternatively, this would be correct in any case due to how the image is resized on responsive.
In order to make sure that the row is tall the same as before, the image will be cropped on the side instead of resized. This is the way the software is supposed to work by design in order to avoid making elements too small to preserve their ratio. Slideshows and images will be cropped on the sides instead
Please let me know if you need me to share more info on this specifically
Thank you
Stefano
GOOGLE TRANSLATE ---
Hallo Marco
Das ist richtig. Wenn Sie den Parallax- oder Fixed-Effekt verwenden, ist der Grund der oben angegebene. Alternativ wäre dies in jedem Fall korrekt, da die Größe des Bilds bei der Reaktion geändert wird.
Um sicherzustellen, dass die Zeile wie zuvor hoch ist, wird das Bild auf der Seite zugeschnitten und nicht in der Größe geändert. Auf diese Weise soll die Software konstruktionsbedingt funktionieren, um zu vermeiden, dass Elemente zu klein werden, um ihr Verhältnis beizubehalten. Diashows und Bilder werden stattdessen an den Seiten zugeschnitten
Bitte lassen Sie mich wissen, wenn ich weitere Informationen dazu speziell teilen muss
Vielen Dank
Stefano
Author
Hallo Stefano,
es wäre Schön, wenn sich die wechselnden Blder ( Bildliste im Zeilenstil ) den jeweiligen Endgeräten anpassen würden.
Vielleicht ist es ja bei einem der nächsten Updates möglich
Gruß
Marco