为什么移动设备上的图标在移动设备上显示不正确?

时间:2013-08-04 09:30:42

标签: css mobile

我得到了我的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)中查看页面时,会移动一些像素的图标。

这是什么原因,我该如何解决?

2 个答案:

答案 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

相关问题