Responsive design Zurb响应图像大小不小于'；行不通

我使用zurb，我有1行4列，在这4列中有4个图像。 图像的大小不尽相同，因此在获得100%清晰度的图像之前，我必须为每个图像指定宽度和高度

我想问一下，当我减小浏览器窗口的大小时，我必须使用哪一类，以及如何使我的图像响应（比率），以及如何减小响应的列的大小

这是我的代码：

<div class="row">
   <div class="three columns">
      <img src="something.jpg" style="width:220px; height:200px;" />
   </div>
   <div class="three columns">
      <img src="something.jpg" style="width:223px; height:190px;" />
   </div>
   <div class="three columns">
      <img src="something.jpg" style="width:210px; height:150px;" />
   </div>
   <div class="three columns">
      <img src="something.jpg" style="width:210px; height:195px;" />
   </div>
</div>

我不使用内联CSS，它只是宽度和高度的一个示例

---

谢谢。

我不知怎的在里面对这部分进行了评论。css:

/* line 45, ../../../../../../../../Library/Ruby/Gems/1.8/gems/zurb-foundation-3.0.4/stylesheets/foundation/grid.scss */
img, object, embed {
  max-width: 100%;
  height: auto;
}

---

有了这个，我的图像就有了响应。

我不知何故在里面对这部分进行了评论。css:/*第45行，../../../../../../../../../../../../Library/Ruby/Gems/1.8/Gems/zurb-foundation-3.0.4/stylesheets/foundation/grid.scss*/img，对象，嵌入{最大宽度：100%；高度：自动；}有了这个，我的图像是有反应的。只需将你自己的问题标记为已回答即可。