股票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瀏覽器

回答

相關問題