Я хочу, чтобы изображение заполняло 100% ширины его контейнера, и я хочу, чтобы для него было установлено свойство max-heigth, все это сохраняя соотношение сторон, но позволяя потерять любую часть изображения.

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

Я знаю, что подобное можно сделать сbackground-size собственность, но я хочу сделать это встроенным<img> тег.

Любая идея о том, как я могу добиться этого с помощью CSS? или JavaScript?