几周来我一直试图解决这个问题,但没有找到真正的解决方案。我发现了一种解决方法,但我觉得它很烦人。
图像在我的 Galaxy S3 的默认浏览器上加载模糊,但在 chrome 和 firefox 中它们加载完美,无需解决方法。对于高 DPI 屏幕,图像已经是 2 倍,所以这不是问题。
解决方法是将任何文本放在链接中。我放 ”。”
<a href="#">.</a>
并使字体大小非常小。
#closeButton a{
float:left;
display:block;
position:fixed;
top:9px;
left:10px;
width:46px;
height:44px;
background:url(../img/camera/closeX@2x.png) 0 0 no-repeat;
background-size:46px 90px;
text-align:center;
font-size:1px;
color:#FFF;
}
#closeButton a:active{
background-position:0 -45px;
}
<span id="closeButton"><a ontouchstart="" href="vibes.html"></a></span>
没有解决方法的屏幕截图:http: //igor2.com/blurry/no-text.png
带有解决方法的屏幕截图:http: //igor2.com/blurry/with-text.png
任何帮助,将不胜感激!我一直在拔头发试图弄清楚这一点。必须有一个解决方案,因为 facebook 移动和其他移动页面加载漂亮清晰的图像/图标。谢谢!