jquery-mobile - 为什么 jQuery 移动图标不能在高分辨率设备中正确裁剪？

Question

我有一个针对各种设备的 Web 应用程序，包括 iPad 1、2、3。我使用 jQuery mobile 来自定义 UI。我有一个 jquery mobile 。复选框内的图像是 iPad 3 中的“主页”和“搜索”图像。然而，它应该是“选中”和“未选中”的图像，就像它在 iPad 1 和 2 中的工作方式一样。分辨率为iPad 3 与 iPad 1 和 2 不同，这就是发生这种情况的原因。那么，如何通过适用于所有设备的通用解决方案来解决此问题？

Answer 1

我找到了答案。

在 jquery mobile css 中，HD Retina 有一个单独的样式。在那里你会发现

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

将 864 更改为 776 像素。根据背景图片规则，此处指定的大小应为实际图片的一半。实际图像为 1552 像素。所以这个 776px 的一半。但是jquery mobile code说864，这是错误的。 -moz-background-size: 776px 18px; -o-background-size: 776px 18px; -webkit-background-size: 776px 18px; background-size: 776px 18px;是正确的代码。

仅供参考：https ://github.com/jquery/jquery-mobile/issues/2224