为什么一个简单的网页字体在Android上模糊？

Question

我在移动设备上有一个简单的html页面，如下所示：

<ul class="ui-list">
    <li class="ui-border-b">
        <div class="ui-list-thumb">
           <span style="background-image:url(http://yoursite.com/test.png)" class=" ui-border"></span>
        </div>
        <div class="ui-list-info">
            <h4>balabala</h4>
            <p>balabala</p>
        </div>
        <button class="icon-sprite ui-btn-end"></button>
    </li>
</ul>

当我在我的Android手机上测试这个页面时，它可能看起来模糊整页，尤其是文本字体区域。 但通常情况是：从模糊开始，然后在1秒内清除。在我的iPhone上看起来不错。

  

当我将图像更改为.jpg时，问题就消失了

，我不知道这个png图像有什么问题。