Image too wide for viewport in responsive flexbox website [closed]

Question

Closed. This question needs to be more focused. It is not currently accepting answers.

---

Want to improve this question? Update the question so it focuses on one problem only by editing this post.

Closed 8 years ago.

Improve this question

I am planning to redesign my site using the Flexible Box Layout Module to make it responsive since it seems to be the winning layout method for responsive sites.

But what happens if an image in one of the boxes are wider than the viewport? Can I automatically scale down the size of the image if the image is too wide for the viewport?

I haven't been able to find solid info on this topic. This may be a basic or bad question, I am not sure.

Answer 1

Yes, as following:

img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

(although I'm not sure if necessary, since mobile devices scale down images themselves)