Hi, I am introducing several images in html, using css styles with position (top and left coordinates) and size (height and width). Some of the images fit in the mobile size version (whatever the number of pixels you consider as mobile) and some of the images do not fit in the mobile version. The problem is that the images that do not fit in the mobile version are automatically resized; and the images that fit stay the same, causing the output look nothing like I planned. Moreover, I cannot fix it without destroying the desktop version. Is there an easy way to scale down to half all images when the the survey is in mobile size? Thanks

Perhaps what you are looking for is conditional CSS. You can use @media queries to conditionally add CSS depending on the screen width. For reference: https://www.w3schools.com/cssref/css3_pr_mediaquery.aspEssentially you do something like this: ```css.picture { width: 500px; height: auto;}@media (max-width: 760px) { .picture { width: 250px; }}```

Thanks, but that was not very helpful. My guess is that the solution should be inside the css code, since there is where I am defining all the properties for the pictures. I tried with the @media command, but I was unable to solve it.

Resizing in Mobile Version | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded