Quote:
Originally Posted by eggheadbooks1
Yes, I understand it is the width of the container, but the container also changes as the device width changes, so that works. And while the image remains static even as the font size changes, so far at least it is staying attached to the text.
I will try scaling using ems. I didn't realize I could do that with images.
Also, re: the maximum image size: last year I had a situation where I wanted the image to be 100% of the container, but not to exceed a maximum size (to prevent upsizing) and the solution then was an SVG container. I will try your method and see if that works for what I needed then, too. It's less complicated than the SVG container.
Michelle
Actually, I just noticed the .image in the CSS. To make that work for images of various sizes, I would have to make an .image for each different size. So maybe the SVG container is still best overall, and I will make a new image div class just for these two problem images.
|
If you plan to make images different sizes you can give them id's and use the id's for CSS or you can use a CSS style inside the image statement itself.
Dale