Resize image proportionally with CSS?

html css image-resizing

codingbear · Apr 25, 2009 · Viewed 1.5M times · Source

Is there a way to resize (scale down) images proportionally using ONLY CSS?

I'm doing the JavaScript way, but just trying to see if this is possible with CSS.

Answer

To resize the image proportionally using CSS:

img.resize {
    width:540px; /* you can use % */
    height: auto;
}