通過按住屏幕設備Android粒狀背景全尺寸圖像

我正在爲iOS和Android 4.x開發帶phonegap（css3 + html5 + javascript）的應用程序。在Android 4.0.3設備，我用CSS使用背景圖像按鈕，此代碼：現在通過按住屏幕設備Android粒狀背景全尺寸圖像

.mycssClass 
{ 
    background-image:url(../images/myImage.png); 
    background-repeat:no-repeat; 
    background-size:100%; 
    background-color:transparent; 
    border:none; 
    font-weight:300; 
    .... 
}

，正確顯示圖像，但如果我按住屏幕上，它會變得粗糙。如果我刪除背景大小：100％;解決了這個問題，但圖像沒有以正確的大小顯示。我添加一些代碼行管理抗鋸齒，在此基礎上援助

https://developer.mozilla.org/en-US/docs/CSS/image-rendering

沒有好結果的建議。

有什麼建議嗎？

由於提前，克里斯蒂安

來源

2013-04-16 user2286838

你的問題有解決方案。

問題發生是因爲CSS引擎和Android WebView組件中的抗鋸齒機制之間的差異。縮放前應用CSS抗鋸齒圖像，並在縮放後應用瀏覽器抗鋸齒。

爲了避免這種效應，你必須以某種方式禁止縮放。

有很好的方法可以保持響應圖像並避免縮放。將您的背景替換爲img標記，並在頁面加載後對其應用CanvasImage。

CanvasImage使用與元素在執行時相同大小的畫布替換img元素，所以不會縮放。

隨時ping我，如果你有任何問題與此。

來源

2013-10-15 21:11:12 PixelCommander

通過按住屏幕設備Android粒狀背景全尺寸圖像

回答

相關問題