: In your CSS, ensure that for every image, either its width or height (usually height is appropriate) is auto (which is the default) rather than a specific value. This causes the height (or

@Candy875

In your CSS, ensure that for every image, either its width or height (usually height is appropriate) is auto (which is the default) rather than a specific value. This causes the height (or width) to be computed according to the other dimension and the aspect ratio of the image. (Reference: CSS 2.1 section 10.6.2)

For example, if you declare max-width: 100%; height: auto; for an image, then it will be no wider than the box/column it is inside, and it will scale vertically to match the horizontal scaling. Stack Exchange does this with images you include in questions and answers.

Vote Up Vote Down

Login to post a comment!