Bilden Sie ein Bild passend und behalten Sie das Seitenverhältnis bei

Ich möchte, dass ein Bild die Breite seines Containers zu 100% ausfüllt, und ich möchte, dass für es eine Eigenschaft mit maximaler Höhe festgelegt wird. Dabei wird das Seitenverhältnis beibehalten, es kann jedoch ein beliebiger Teil des Bildes verloren gehen.

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

Ich weiß, dass eine ähnliche Sache mit @ getan werden kabackground-size Eigenschaft, aber ich möchte dies zu einem Inline-@ mach<img> Etikett

Eine Idee, wie ich dies mit CSS erreichen könnte? oder Javascript?

Antworten auf die Frage(4)

Ihre Antwort auf die Frage