改变图像尺寸＆amp;保持响应

Question

我想知道，是否可以更改img维度，同时保留其对浏览器调整大小的响应能力？应用height和width不起作用。

.wrap1 {
  position: relative;
  overflow: hidden;
}

.img1 {
  height: auto;
  width: 100%;
}

<div class="container-fluid">
  <div class="row">
    <div class="wrap1">
      <img class="img1" src="http://lorempixel.com/600/400" alt="">
    </div>
  </div>
</div>