Bug en imagenes Internet Explorer 8

Es posible que hayas sufrido en IE8 el siguiente problema:

Las imágenes «responsive» en IE8 se ajustan correctamente en anchura pero su altura se alarga o deforma.

Para solucionar esto el CSS debe hacer las imágenes responsive en ccs y tener la siguiente declaración añadida:

width: auto;

img {
border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */
/* vertical-align: bottom; */ /* Suppress the space beneath the baseline */
/* Responsive images */
/* @todo Add responsive embedded video. */
max-width: 100%;
height: auto;
width: auto;
}

Este bug en imágenes Internet Explorer 8 aparece debido a que no se ha metido el archivo normalize.css

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *