股票Android浏览器

图片模糊我一直在试图算出这个数周，并没有发现任何真正的解决方案。我发现了一种解决方法，但我觉得很烦人。股票Android浏览器

加载图像模糊我的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/[email protected]) 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手机和其他移动网页加载了清晰的图像/图标，因此必须有一个解决方案。谢谢！

来源

2013-04-30 Igor

它与“浮动”有关，因为当我删除浮动图像加载清脆。 – Igor 2013-05-01 03:34:00

所以我想通了。我的解决方案是从“固定”切换到“绝对”定位。它现在在s3的默认浏览器上完美呈现。我想在默认浏览器上有固定位置的某种错误：/ – Igor 2013-05-01 04:10:21

应该避免对移动设备进行真实，固定或绝对定位。在许多移动设备中，甚至不支持固定定位。 – Xarcell 2013-05-04 20:01:46

-1

我注意到从你的截图，你目前正在测试这个在你的4G（即：移动连接）。

您是否尝试过反复测试通过WiFi呢？您需要确保比较时不需要缓存，因此它也值得您将浏览器放入隐私浏览/隐身模式 - 这将迫使它从主机获取新资产，而不是使用内部缓存资产（比清除您的资源要容易得多浏览器缓存每次）。

我提到设备互联网连接的原因是，去年我遇到了一个非常类似的问题，在经过大量搜索之后，意识到它是网络代理在传输前压缩图像以节省带宽。

我可能是没谱的方式，但它肯定是你应该检查，这样你至少可以越过这种可能性了你的列表。

如果它变成这样的话，泰雷对整个事情真是个有趣的讨论：http://blog.sebcante.com/2012/01/prevent-image-compression-from-3g.html

坏消息是，移动网络并不总是注重无缓存HTTP标头。

可用三个最简单的选项是：

通过HTTPS提供您的图像 - 网络将不缓存加密流量;
通过不同的http端口提供您的图片;
使用data-url将图像嵌入到内嵌中（尽管此时有浏览器支持含义）。

最后，有一个局部的解决方法在HTML5 boilerplate这在一定程度上缓解这些影响的htaccess文件。在htaccess文件：

# ---------------------------------------------------------------------- 
# Prevent mobile network providers from modifying your site 
# ---------------------------------------------------------------------- 

# The following header prevents modification of your code over 3G on some 
# European providers. 
# This is the official 'bypass' suggested by O2 in the UK. 

<IfModule mod_headers.c> 
Header set Cache-Control "no-transform" 
</IfModule>

这适用于夫妻英国网络我测试过的，但结果可能会不同..

来源

2013-05-23 10:06:45 johnkavanagh

我有同样的问题，并发现的原因问题是在默认Android网页浏览器上（而不是 Chrome！）上的position:fixed和z-index。

删除这些CSS属性后，我的所有图像变得非常清晰。

根据我的经验，position:fixed是一款适用于手机的不适用，特别适用于Android和较旧的iOS版本。我知道的唯一可以处理position:fixed的移动操作系统是iOS6及更高版本。

更新：到目前为止，我所知道的是简单地避免结合position:fixed和z-index的唯一的解决方法。有时候只是摆脱z-index会有诀窍，或者在iOS和Android上完全不使用position:fixed。无论如何，这在手机上并不是一个好习惯。除此之外，您只能祈祷Chrome将在大多数Android设备上尽快更换Android Stock Browser作为默认浏览器。

来源

2013-05-28 08:24:47 Timo

aaah ....是的，这也是我的问题。位置：固定是罪魁祸首 – John 2013-06-27 05:04:55

股票Android浏览器

回答

相关问题