1900px x 1000px の大きな画像があります。含まれているdivのoverflow-xが非表示になっているため、javascriptを介して左右にスクロールすると、幅が表示されます。画像の高さは、トップ バナーの下からビューポートの下部までの使用可能なスペース内で画像の高さ全体を表示するようにスケーリングされます。垂直スクロールは必要ありません。
私の質問は、画像の縦横比を維持しながら画像の高さのスケーリングにどのようにアプローチするのが最善かということです(画面解像度が画像の縦横比を超えない限り)。CSS を介して答えが得られることを願っていますが、JavaScript ソリューションもオプションです。
助けてくれてありがとう、
スラン