Css 无需放大的液体图像

我正在开发一个简单的网站，它必须具有响应性，到目前为止，一切都正常，但在firefox中，我的图像无法缩放。（当它在Chrome中工作时）

我只是用这个来做这个：

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

我可以使用

高度：100%

和

宽度：100%

，但我不希望图像放大

这看起来很简单，为什么firefox做得不正确

---

编辑：这是问题的一个例子（我知道，是表格，但它是一个电子邮件模板）

您可以通过它的父对象来定位

img

，这将很好地工作，例如：

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

---

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

你能展示一个小提琴或链接到网站的样子吗？@Sarfaraz这里有一个基本的例子，在Chrome中运行良好，在firefox中不工作：小提琴链接没有打开我实际上已经在做了，请看这个例子：我看不到你的小提琴链接

.someclass img{
  width:100%;
}