css - 将图像大小调整为父 div

Question

我有一张带有 600px 的图片宽度。

它需要在 Bootstrap 中 col-xs-6或 12宽度为 300px 的 div如果屏幕宽度小于 300px，则必须调整大小.

我怎样才能意识到使用 width和 max-width在 CSS 中？

Answer 1

这样做:

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