Forzar que una imagen se ajuste y mantener la relación de aspecto
Quiero que una imagen llene el 100% del ancho de su contenedor, y quiero que tenga establecida una propiedad de altura máxima, todo esto manteniendo la relación de aspecto pero permitiendo perder cualquier parte de la imagen.
img {
max-height:200px;
width:100%;
}
Sé que se puede hacer algo similar conbackground-size
propiedad pero quiero hacer esto en línea<img>
etiqueta.
¿Alguna idea de cómo podría lograr esto usando CSS? o javascript?