Responsive Images in IE8 FIX

Responsive Images in IE8 FIX

To make images responsive we use max-width instead of using fixed width. Then images will be automatically adjusted according to container width.

But this won’t happen in IE8. IE8 render the image height originally.It doesn’t maitain aspect ratio. in order to fix this issue . we use width / auto, height/auto

img {
  border: 0; 
  -ms-interpolation-mode: bicubic; 
  vertical-align: bottom; 
  /* Responsive images */
  max-width: 100%;
  height: auto; //IE8 fix
  width: auto; //IE8 fix
}