Buenas a todos. Tengo una imagen de 400x200 píxeles y quiero que como mucho tenga 100px de alto. El código en CSS sería el siguiente:
Código CSS:
Ver originalimg {
max-height:100px;
width:auto;
}
En Internet Explorer y en Firefox la imagen se me visualiza con un tamaño de 200x100 píxeles.
Pero en Chrome se me muestra a 400x100 píxeles. La propiedad "max-height" la cumple, pero "width:auto" la ignora, y, en lugar de ajustar el ancho en proporción al alto, muestra el ancho original.
En cambio, si lo hago al revés, sí que funciona:
Código CSS:
Ver originalimg {
max-width:100px;
height:auto;
}
Lo que quiero es establecer el máximo de alto por css y que el ancho se ajuste en proporción y que se muestre correctamente en Chrome.
Gracias