Question

jquery mobile 手机浏览器不显示背景图标

jquery mobile 手机浏览器不显示背景图标，pc浏览器显示正常 怎么回事？

Answer 1

因为他要区分是不是retina显示屏的或者高分辨率的手机屏幕，然后对你的背景图片进行除以2的缩小，你必须将你的背景图片放大一倍在换上去，保留两种尺寸，一个是原始电脑浏览器看的尺寸，一种的是X2的手机浏览的尺寸。所以你在手机上不显示，很有可能就是被缩小一倍后，背景图片的位置发生了变化你就看不到或者移位等现象了。区分是不是高分辨率的代码也很简单。代码如下：

if(!$.mobile.media("screen and (-webkit-min-device-pixel-ratio: 2)")){
$("#style").attr("href","web/style2.css");//定义样式link的id为style，然后style2.css为电脑上看的样式表地址，这个地址里加载的背景图片地址为正常地址不是被放大的
};

Answer 2

我是修改了CSS里面的背景图片 及坐标

background-image: url(../images/icons-18-white.png); 36让我改成了18

.ui-icon-arrow-d {
background-position: -216px -1px /*原文件是 -215px 50%*/
}

不知道这样改规范不规范，但是效果达到了，就是不利于版本升级