爲什麼手機頁面上的圖標在手機瀏覽器中顯示不正確？

Question

我得到了我的jQuery移動（1.3.2）-page http://www.bestellbaer.de/app/guest/mobile/order/orderPoint.xhtml?orderPointId=6

在這個頁面上，我使用jQuery-Mobile-Bootstrap-Theme設計和jQuery-Mobile-Icon-Pack具有額外的圖標。

在Android（4.3） - 默認瀏覽器（在Google Nexus上）中查看頁面時，所有內容均正確顯示。但在mobile-chrome（28.0.1500.94）或mobile-firefox（22.0）中查看頁面時，某些圖標會移動一些像素。

這是什麼原因，我該如何解決？

Answer 1

jQuery-Mobile-Icon-Pack與jquery-1.3不兼容。通過更正css，圖標顯示正確。詳情請參閱https://github.com/commadelimited/jQuery-Mobile-Icon-Pack/issues/55。

Answer 2

您需要在頁面中應用更大的像素大小的圖像，它會使您在移動瀏覽器中獲得與設備相關的更好性能。 推薦此鏈接http://uxdesign.smashingmagazine.com/2011/07/18/seven-guidelines-for-designing-high-performance-mobile-user-experiences/