css - 无需放大的液体图像

Question

我正在开发一个必须响应的简单网站，到目前为止一切正常，但在 Firefox 中我的图像没有缩放。（虽然它适用于 Chrome）

我只是用它来做到这一点：

img {
    max-width: 100% !important;
    height: auto !important;
    width: auto !important;
    display: block !important;
    float: none !important;
}

我可以使用height: 100%，width: 100%但我不希望图像高档。

这看起来很简单，为什么火狐没有正确地做呢？

编辑：这是问题的一个例子http://jsfiddle.net/TC3qq/1/（我知道，表格，但它是一个电子邮件模板）http://jsbin.com/inaat/1/

Answer 1

您可以img通过它的父母来定位，这将很好，例如：

<div class="someclass">
   <img src="path-of-img" />
</div>

和CSS：

.someclass img{
  width:100%;
}

如果您有任何问题，请告诉我