html - アスペクト比を維持したまま画像をコンテナのサイズに合わせる

Question

このページのサムネイルを、それぞれの縦横比を変更せずに同じサイズ (高さ: 122 ピクセル、幅: 178 ピクセル) のボックスに収まるように表示する方法が見つかりません。サムネイルの元のサイズがわかりません。divsご覧のとおり、いくつかネストされており、クラスの.picture1ものにはそれらの寸法がありますが、画像はこのdivに収まりません。手伝って頂けますか ？

ありがとう

Answer 1

これは本当に問題ですか。ページを確認した後、以下のクラスを追加すると、画像がコンテナー内に収まるという非常に簡単なことがわかります

    .work-view img {
      max-height: 100px;
      padding: 5px 5px 2px;
      max-width: 150px;}