任何线索为什么我的图像一直在切断？ （精灵）

Question

我已将所有微小的蓝色徽标图像作为精灵放在我的客户网站上，但它们在某些浏览器中不断被切断...尝试收缩浏览器窗口，你会看到一些图像的一部分只是消失。我不知道为什么会这样。这是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中“spriting”的标准方法......

以下是网址：front page

Answer 1

这会覆盖您的图像高度：

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

在responsive-grid-39b007c.css

中

删除高度：自动线，不再发生。

Answer 2

将此内容添加到您的css中

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