This is an old revision of the document!

css - Resize an image dynamically

Simply add

max-width:100%
height:auto

max-width:100% and height:auto works in IE7, but not in IE8 (yes, another weird IE bug). To fix this, you need to add width:auto\9 for IE8.

Example:

img {
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
}