WebSite X5Help Center

 
Marco H.
Marco H.
User

Bildiste im Zeilenstil wird im responsiven Design nicht richtig dargestellt  de

Autor: Marco H.
Visitado 733, Seguidores 1, Compartilhado 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

Publicado em
8 RESPOSTAS
Andreas L.
Andreas L.
User

Hallo Marco,

was ist den hier falsch:

VG 

Andreas

Ler mais
Publicado em de Andreas L.
Marco H.
Marco H.
User
Autor

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

Ler mais
Publicado em de Marco H.
Incomedia
Stefano G.
Incomedia

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

Ler mais
Publicado em de Stefano G.
Marco H.
Marco H.
User
Autor

Hallo Stefano,

diese Bilder meine ich nicht, sondern die wechselnden Bilder hinter dem Logo ganz oben auf der Startseite.

Gruß

Marco

Ler mais
Publicado em de Marco H.
Incomedia
Stefano G.
Incomedia

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

Ler mais
Publicado em de Stefano G.
Marco H.
Marco H.
User
Autor

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

Ler mais
Publicado em de Marco H.
Incomedia
Stefano G.
Incomedia

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

Ler mais
Publicado em de Stefano G.
Marco H.
Marco H.
User
Autor

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 embarassed

Gruß

Marco

Ler mais
Publicado em de Marco H.