Keep Image Aspect Ratio Css. Or vice versa set the height of the image and the width to auto. Lucky that ie prior to 9 is increasingly unimportant.
But there are more good methods to keep the aspect ratio let us walk through a few examples in this guide read on to find out. I think the original credit goes as far back as 2009 and thierry koblentz s intrinsic ratios and maintained popularity even for other kinds of content with articles like uncle dave s ol padded box. Let s go on a little journey through this.
In order to maintain the aspect ratio of a div with css create flexible elements that keep their aspect ratio 4 3 16 9 etc when resize the browser window.
This setting causes the element s content to expand to completely fill the dimensions set for it even if this does break its intrinsic aspect ratio. Makes all the images maintain aspect ratio and fit in to the same area. Or vice versa set the height of the image and the width to auto. Let s go on a little journey through this.