OK so recently Ive run into something that has raised a question…
Normally if i’m developing a responsive website, to make imagery responsive and scaleable, i do it like this:
I set the images inside a div which has a class, that class has its width (percentage) and height… then images inside that class are set to width: 100%; … that forces the image to scale the smaller the “image container” gets…
But recently ive been building a wordpress theme, and ive noticed that wordpress doesnt wrap images in any kind of a container div or class or anything, so how would i go about building responsiveness for post and page images into the theme? everything else about the theme is totally responsive at the min but when the user ads images, they arent responsive because of this problem.
Has anyone else run into this issue and how did you overcome it?
This will just resize the image proportionately as it appears on the screen so that it doesn’t stretch beyond the container (or screen)–it won’t limit the data that’s actually being downloaded.