How To Resize Image Proportionally With CSS?
Showing comments 1 to 5 of total 5 on page 1 of 1
Is there a way to resize (scale down) images proportionally using CSS?
You can just set a width or height property of whatever you want and the image will automatically retain its aspect ratio and appear scaled down on the webpage. You can also do this with the width and height attributes.
Hope this helps!
<img style='width: 50%;' src="..." />
worked just fine for me ...
The css properties max-width and max-height work great, but aren't supported by IE6 and I believe IE7. You would want to use this over height / width so you don't accidentally scale an image up. You would just want to limit the maximum height/width proportionately.
Yes, it's possible, but not in all browsers.
Check this: investigated this issue very thoroughly.