HTML：同じ幅の画像

Question

画像を3枚（水平）に配置し、すべて同じ幅のページを作成したい（実際の画像サイズは異なるかもしれませんが）。画像の高さは画像の比率に応じて変更できますが、制限はありません。

私はwidth = 100％[table width = "100％"]のテーブルを使用しています。この表の中には、それぞれ33％[td style = "width：33％;"]という3つの列（td）を持つ1つの行があります。各テーブルの説明には1つのイメージがあり、その幅は[img src = "{{MEDIA_URL}} a.jpg" 80％style = "width：80％;"]として指定されています。画面幅の1/3。

Mozillaではうまくいきますが、Chromeでは、リフレッシュすると画像が非常に小さくなりますが、ブラウザのURLに入力するとうまくいきます。基本的には、表の幅を100％として取っていません。境界属性を使用して計算できます。

提案がありますか？

Answer 1

cssを使用してhtmlの代わりにイメージのスタイルを設定することを考えましたか？

divを水平方向に整列させるためにfloatプロパティを使用すると、各divとimageに割合を適用することができます。つまり、ウィンドウサイズが変更されたときにサイズを変更します。