Resize Image Html Proportionally. Use the html img element to define an image use the html src attribute to define the url of the image use the html alt attribute to define an alternate text for an image if it cannot be displayed use the html width and height attributes or the css width and height properties to define the size of the image. To make ie8 resize an image properly you need to provide width in addition to height.
There is a better way for resizing images responsively. Resize images with the css max width property. Is a trick which doesn t cause any problems in the other browsers.
This resize image property is used in responsive web where image is resizing automatically to fit the div container.
Using the width property if the width property is set to a percentage and the height is set to auto the image will be responsive and scale up and down. Example of auto resizing an image with the max width and max height properties. In the first example the actual size in pixels is specified for width and height. Width can also be used instead of max width if desired.