为什么手机页面上的图标在手机浏览器中显示不正确？

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/