Html 有什么线索可以解释为什么我的图像一直被切断？（精灵）

我已经把所有微小的蓝色徽标图像作为我客户网站的精灵，但它们在某些浏览器中不断被切断。。。尝试缩小浏览器窗口，您将看到部分图像消失。我不知道为什么会这样。下面是一些HTML的示例代码

<div class="fourCol">
<div id="firstSecond" class="centerContent" style="width:48px;height:48px;">
<img class="agenda" src="images/trans.png"  alt="agenda">
</div>
</div>

精灵只是CSS中“精灵”的标准方法

---

以下是url:

这将覆盖您的图像高度：

.responsive-grid-active .block img {
    max-width: 100%;
    height: auto
}

响应号为E-grid-39b007c.css

---

删除height:auto行，它就不会再发生了。

将此添加到您的css中

media="all" @media only screen and (max-width: 1024px)
.responsive-grid-active .block img{
height:100%;}

---

哦，好的。因此，如果我将css放在样式表中而不是内联，它应该可以正常工作？Abdul的答案更好。只需在样式表中覆盖它。