How do you auto-resize a large image so that it will fit into a smaller width div
container whilst maintaining its width
:height
ratio?
Example: stackoverflow.com – when an image is inserted onto the editor panel and the image is too large to fit onto the page, the image is automatically resized.
Best Answer
Do not apply an explicit width or height to the image tag. Instead, give it:
Also,
height: auto;
if you want to specify a width only.Example: http://jsfiddle.net/xwrvxser/1/