css - (background-size:100%) のように div をサイズ変更可能にする方法は?

Question

ウィンドウの幅が (background-size:100%) のようにサイズ変更されているときに、div の高さ/幅を一緒に動的にサイズ変更したいのですが、「可能であれば」CSS のみを使用することを好みます。

前もって感謝します ：）

Answer 1

を選択するwidth:100%とheight:auto、div のサイズがウィンドウのサイズ変更に反応するようになります。

Answer 2

width:100%; を設定できます。高さ：自動; また、そのdiv内の画像についても同じことを試みてください

img{
     width:100%
     height:auto;
}

これにより、img がレスポンシブになり、親 div がオーバーフローしなくなります

また、これを使用できます

img {
    max-width: 100%;
    height: auto;
}

画像は必要に応じて縮小されますが、元のサイズよりも大きくなることはありません