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 の「スプライト」の標準的な方法です...

URLはこちら：トップページ

Answer 1

これは画像の高さをオーバーライドしています:

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

responseive-grid-39b007c.css 内

height: auto 行を削除すると、もう発生しません。

Answer 2

これをあなたのcssに追加してください

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