没有升级的液体图像

Question

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

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

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

我可以使用height: 100%和width: 100%，但我不希望图片升级。

这看起来相当简单，为什么firefox没有正确地做到这一点？

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

Answer 1

您可以通过它的父级定位img，这样可以正常工作，例如：

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

和css：

.someclass img{
  width:100%;
}

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