Html Image Resize Aspect Ratio. Using this option limits the images that use that css. Ensure this style rule applies to an image element and that s all there is to it.
Work out image ratios and scale proportionally. By setting the width property to 100 you. How to preserve aspect ratio when scaling image using one css dimension in ie6.
The following example will create an aspect ratio of 1 1 the height and width is always equal.
To preserve the aspect ratio all you need to do is set the height and width css properties as shown myselector width. Add a percentage value for padding top to maintain the aspect ratio of the div. Step 2 add css. Maintain aspect ratio of div but fill screen width and height in css.