Some icons (e.g. "icon-plus", "icon-arrow-r") are displaced in firefox-mobile and chrome-mobile about jquery-mobile-icon-pack HOT 7 CLOSED

I took a look at your demo page in Chrome for iOS and it looks just like it does in Chrome for the desktop. Could you also provide a screenshot of the problem you're seeing?

from jquery-mobile-icon-pack.

Crome-(Android-)Screenshosts are attached. Good to hear, that the problem does not occur on Chrome@iPhone

from jquery-mobile-icon-pack.

Never mind.

I have watched your demo http://andymatthews.net/code/jQuery-Mobile-Icon-Pack/font-awesome/ in my android-chrome - this demo looks fine. So the problem has to be on my side.

from jquery-mobile-icon-pack.

It looks like your phone is identifying itself as high res and gets the media queries, but it doesn't understand the background-size attrbute.

from jquery-mobile-icon-pack.

Hmmm, but that does not explain why your demo looks fine in my android-browser, but bestellbaer.de/6 does not, does it?!

Btw., media-queries in jqm-icon-pack-fa.css[1] are slightly different from those in jquery[2]

[1]
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.3),
only screen and (min-device-pixel-ratio: 1.3),
only screen and (min-resolution: 1.3dppx) {

[2]
@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (min-resolution:200dpi){

from http://view.jquerymobile.com/1.3.2/dist/demos/css/themes/default/jquery.mobile.min.css

from jquery-mobile-icon-pack.

I have the same problem browsing on android. It looks like everything in the fontawesome will work, but once font awesome is included, none of the default icons that came with jquery mobile works anymore.

from jquery-mobile-icon-pack.

@rickygu Maybe you open up an own issue to have this problem discussed - my problem does still exist, too.

from jquery-mobile-icon-pack.