html - インライン CSS を使用して画像の幅を設定する

Question

画像の幅を設定したい。ここに私のコードがあります:-

<div style="width: 630px;">
        <img src="Image/welcomeimage.jpg" alt="no image" />
  </div>

これが私の状況です。画像の幅を設定する必要はありません。Divの幅を設定できるのは私だけです。したがって、divを使用して画像の幅を設定する必要があります。これどうやってするの？

[編集] 助けてくれてありがとう。今私は私の問題を解決しました。最初は CSS を使用しないように言われたので、インライン CSS を使用してこの問題を解決する必要がありました。しかし、それは不可能でした。そこでCSSを使うことにしました。

Answer 1

使用するmax-width

最新のすべてのブラウザーと IE 8 以降でサポートmax-widthされているプロパティを使用できます。

それを使用するには、CSS で次のように呼び出します。

div img { max-width: 100%; }

divこれにより、画像がの幅に引き伸ばされます。

Answer 2

Javascript を使用して画像の幅を動的に設定できます。

擬似：

var div = document.getElementById("yourDiv");
var width = div.style.height;
yourImg.style.width = width;

Answer 3

次のcssを使用してください

img {
    width: 100%;
}