html - ウィンドウのサイズを変更するときに、テーブルの画像のサイズを100％未満に変更します

Question

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

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

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

Answer 1

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

これで問題が解決しない場合は、自動に設定してください。

#img{width:100%;}

また

#img{width:auto;}

Answer 2

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

もう1つのオプションは、overflow：hiddenを指定して画像をdivでラップすることです。したがって、ウィンドウのdivが大きくなると、ウィンドウの外側にある画像の一部が非表示になります。