html - 任何线索为什么我的图像不断切断？（精灵）

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中“精灵”的标准方法......

这是网址：首页

Answer 1

这是覆盖您的图像高度：

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

在 response-grid-39b007c.css

删除 height: auto 线，它不再发生。

Answer 2

将此添加到您的CSS中

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