股票Android浏览器模糊图像 [英] Blurry images on stock android browser
问题描述
我一直在试图算出这个数周，并没有发现任何真正的解决方案。我发现了一个解决办法，但我觉得很讨厌。
I've been trying to figure this out for weeks and have found no real solutions. I discovered one workaround but I find it very annoying.
图像加载模糊在我的Galaxy S3的默认浏览器，但在Chrome浏览器和Firefox的加载，他们没有完善的解决办法。这些图像是2X已经为高DPI的屏幕所以这不是问题。
The images load blurry on my Galaxy S3's default browser but in chrome & firefox they load perfect without the workaround. The images are 2x already for high DPI screens so that's not the issue.
在周围放置任何文本的链接工作。我把。
The work around is placing any text in the a link. I put "."
<a href="#">.</a>
和制造的字体大小非常小。
and making the font size very small.
#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
Screenshot without workaround: http://igor2.com/blurry/no-text.png
截图与解决方法： http://igor2.com/blurry/with-text.png
任何帮助将是AP preciated！我一直在拉我的头发试图找出了这一点。必须有一个解决方案，因为Facebook的手机和其他移动网页加载不错的清晰的图像/图标。谢谢！
Any help would be appreciated! I've been pulling my hair out trying to figure this out. There has to be a solution since facebook mobile and other mobile pages load nice crisp images/icons. Thank you!
推荐答案
我有同样的问题，发现了问题的原因是的位置是：固定和的z-index 在默认的Android网页浏览器（不可以 Chrome浏览器！）。
I had the same problem and found out that the cause of the issue is position:fixed and z-index on the default Android web browser (not Chrome!).
删除这些CSS属性后，我所有的图像变得非常清晰和明确的。
After removing these css attributes, all my images became very crisp and clear.
这是我的经验，的位置是：固定是不走的移动，特别是在Android和iOS的较旧版本。唯一的移动操作系统，我知道，可处理位置：固定井iOS6和更高版本
From my experience, position:fixed is a no-go for mobile, especially on Android and older iOS versions. The only mobile os I know that can handle position:fixed well is iOS6 and later versions.
更新：到目前为止，唯一的解决方法，我知道是简单地避免结合的位置是：固定和ž -index 。有时候，只是摆脱Z-指数的伎俩或者不使用的位置是：固定在所有的iOS和Android。这是不是在移动一个很好的做法反正。除此之外，你只能祈祷Chrome将取代Android的股票浏览器作为未来的默认浏览器尽可能快地在大多数Android设备。
Update: So far the only fix that I know of is to simply avoid combining position:fixed and z-index. Sometimes just getting rid of z-index does the trick or don't use position:fixed at all on iOS and Android. It's not a good practice on mobile anyway. Besides that you can only pray that Chrome will replace Android Stock Browser as the default browser in the future as fast as possible on most Android devices.
这篇关于股票Android浏览器模糊图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
