画像を下の表にサイズ変更するウィンドウをリサイズするときに100％

Question

同様の質問が回答されたと思いますが、それほど私を助けてくれなかったようです。

私はwidth="100%"に設定されているテーブルを持っており、一番上の行にセルがあります。 このセルにはかなり広い画像が含まれています。 ウィンドウとテーブルのサイズを変更すると、イメージのサイズが元のサイズの100％以下になりません。

テーブルが縮小するにつれてこのイメージのサイズを縮小する方法はありますか？

Answer 1

あなたはそれが実際に指定された幅/高さ（または元の幅/高さ）画像のより小さい取得したい場合は、いくつかのスクリプトを実行する必要があります。つまり、ブラウザのresizeイベントをフックアップし、サイズ変更中に画像の幅と高さを等しくリセットすることができます。

もう1つの方法は、オーバーフロー：hiddenを指定して画像をdivにラップすることです。したがって、divがウィンドウのために大きくなると、ウィンドウの外に落ちるイメージの部分が隠されます。

Answer 2

画像の幅も100％に設定します。

これが自動に設定されていない場合は、

#img{width:100%;} 

または

#img{width:auto;}