Jquery mobile 为什么不'；jQuery移动图标是否在高分辨率设备中正确剪裁？

我有一个针对各种设备的web应用程序，包括iPad1、2、3。我使用jQuery mobile定制UI。 我有一部jquery手机。复选框内的图像是iPad3中的“主页”和“搜索”图像。然而，它应该是“选中”和“未选中”的图像，就像它在iPad1和iPad2中的工作方式一样。 iPad3的分辨率与iPad1和iPad2不同，这就是为什么会出现这种情况。

---

因此，我如何解决这一问题，为所有设备提供一个通用的解决方案？

我找到了一个答案

在jquerymobilecss中，hdretina有一个单独的样式。在那里你会发现

-moz-background-size: 864px 18px;
-o-background-size: 864px 18px;
        -webkit-background-size: 864px 18px;
        background-size: 864px 18px;

将864换成776px。根据背景图像规则，此处指定的大小应为实际图像的一半。实际图像是1552px。这是776px的一半。但是jquery手机代码显示864，这是错误的。

-moz背景尺寸：776px 18px；
-o-背景尺寸：776px 18px；
-webkit背景尺寸：776px 18px；
背景尺寸：776px 18px是正确的代码

供参考：