Quero que uma imagem preencha os 100% da largura de seu contêiner e que ela tenha uma propriedade de altura máxima definida, tudo isso mantendo a proporção, mas permitindo perder qualquer parte da imagem.

img {
   max-height:200px;
   width:100%;
}

Eu sei que uma coisa semelhante pode ser feita combackground-size propriedade, mas eu quero fazer isso para um inline<img> etiqueta, rótulo, palavra-chave.

Alguma idéia de como eu poderia conseguir isso usando CSS? ou javascript?