ここの表紙画像のように見える画像を再作成しようとしています。画像はブラウザの全幅である必要がありますが、特定の固定高さを維持する必要があります。それでも、アスペクト比を維持する必要があります。
設定width: 100%; height: auto;すると、画像が正しい縦横比で全幅になります。ただし、高さがずれています。を設定width: 100%; max-height: 300px;すると、縦横比が失われます。
可能だと確信していますが（上記のリンクを参照）、この結果を取得する方法がわかりません。いくつかの指針をいただければ幸いです！