Search the Community
Showing results for tags 'responsive images'.
Found 2 results
-
I do not know how to make cell phone browsers choose the smaller image, and the laptops/desktops choose the bigger image, while their resolutions are the same. I have the following script: <img sizes="(max-width: 479px) 479px, (max-width: 991px) 991px, 1400px" srcset="media/img/small.webp 479w, media/img/medium.webp 991w, media/img/big.webp 1400w" src="media/img/default.png"> From the above script, when the cell phone's resolution is, let's say 1080 x 1920 pixels, then the browser will choose big.webp. How to make the cell phone's browser choose small.webp? Thank you -
Hello all and anyone who can help. I'm wondering if there is a way to float an image left or right of some text (so that the text wraps around) to display on large/medium screens while having that image display BELOW the text on small screens. Currently I have it working by hiding sections with different layouts (responsive columns for small screen, no columns for large/medium), but that would require me (or my client) to have to update the same text twice whenever there are changes. On large/medium screens the image would occupy 40 percent of the width, but on small screens (phones) I would want that image to slide under the text at 100 percent width. Make sense? New at responsive, but picking it up. Thanks! Dave
