我得到了我的jquery-mobile(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)-default浏览器(在Google Nexus上)查看页面时,一切都正确显示。但是在mobile-chrome(28.0.1500.94)或mobile-firefox(22.0)中查看页面时,会移动一些像素的图标。
这是什么原因,我该如何解决?
答案 0 :(得分:0)
您需要在页面中应用更大的像素大小的图像,这将使您在移动浏览器中获得与设备相关的更好性能。 请参阅此链接http://uxdesign.smashingmagazine.com/2011/07/18/seven-guidelines-for-designing-high-performance-mobile-user-experiences/
答案 1 :(得分:0)
jQuery-Mobile-Icon-Pack与jquery-1.3不兼容。通过更正css,图标显示正确。有关详细信息,请参阅https://github.com/commadelimited/jQuery-Mobile-Icon-Pack/issues/55。