WebSite X5Help Center

 
Sabit A.
Sabit A.
User

Row farmats image view Laptop vs Smartphone  en

Autor: Sabit A.
Visitado 360, Seguidores 1, Compartilhado 0  

Dear All

I am working on a website, and I am using the Row formats / Image. On the laptop, the image view is great, but when I go to the smartphone view, the image is cut by more than half. 

How do I adjust so that the image on smartphone view is displayed more than just a small portion of it? Or how do I make the image resize to the right format for smartphone view?

Thank you in advance.

Publicado em
4 RESPOSTAS - 1 ÚTIL
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês IT

(It > En)  .... to evaluate, you should post the link to the online page...
... normally, and depending on the case, the image could be adapted in CSS COVER  mode, that is, fully open relative to the cell or host window, always displaying the center of the image with either height or width priority...

...

...

ciao

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪
Daniel W.
Daniel W.
User
Usuário do mês DEUsuário do mês EN

On a laptop, the object's content and background image are displayed in landscape format, while on a smartphone, it is displayed in portrait format.

The background image is therefore either resized to fit the object's width and cropped at the top and bottom, or resized to fit the object's height and cropped at the sides to fill the object without distorting the image.

If I misunderstood something, a link or screenshot would be helpful for better understanding.

Ler mais
Publicado em de Daniel W.
Sabit A.
Sabit A.
User
Autor

Thank you for the feedback. 
I redjusted the main picture so it looks fine for the smartphone view. 

Thankyou

I have another questions:
under 720 px by 480px the text is overlaping. It is going outside the box. any recommendations?

Ler mais
Publicado em de Sabit A.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuário do mês ESUsuário do mês IT
 ‪ KolAsim ‪ ‪
 ... ...  .... to evaluate, you should post the link to the online page... ... ... ... 

.

ciao

.

Ler mais
Publicado em de  ‪ KolAsim ‪ ‪