html - テーブルのサイズに基づいてテーブル内の画像のサイズを変更する

Question

画像を入れるテーブルがあります。一部の画像はテーブルの幅よりも大きくなります (高さは関係ありません)。テーブルを引き伸ばさずに画像をテーブルと同じサイズに保つ方法を探しています。画像の幅を 100% に設定したくないのは、テーブルの幅よりも小さい場合に画像が広くなるためです。また、プロポーションはそのままにしておきたいです。何か案は？

Answer 1

CSS の使用;

例: style.css (2 つのいずれか)

高さまたは幅のいずれかを割り当てて「img」について

img {
   max-height:50px;
}

---

tdまたはth内のテーブルについて(th を使用したかどうかによって異なります)

td {
   max-height:50px;
}

ここでガイドを読む: http://www.w3schools.com/cssref/pr_dim_max-height.asp