質問: 'div'コンテナに合わせて画像を自動サイズ変更する方法 幅と高さの比率を維持しながら、小さい画像のdivコンテナに収まるように、大きな画像をどのように自動サイズ変更しますか。例:stackoverflow.com - 画像がエディタパネルに挿入され、その画像が大きすぎてページに収まらない場合、画像は自動的にサイズ変更されます。
回答: 解決策は少し数学で簡単です...画像をdivに入れてから、画像を指定するhtmlファイルに入れるだけです。画像のピクセル値を使用して幅と高さの値をパーセントで設定し、幅と高さの正確な比率を計算します。たとえば、幅が200ピクセル、高さが160ピクセルの画像があるとします。幅の値は大きいので、幅の値は100%になります。それから高さの値を計算するためには80%のパーセント値を与える幅で高さを割るだけです。コードでは、このようになります。<div class="image_holder_div"> <img src="some_pic.png" width="100%" height="80%"> </div>