为什么jQuery移动图标在高分辨率设备中没有正确剪裁?

时间:2013-05-09 03:11:45

标签: jquery-mobile

我有一个针对各种设备的网络应用程序,包括iPad 1,2,3。我使用jQuery mobile来自定义UI。 我有一个jquery手机。复选框内的图像是iPad 3中的“主页”和“搜索”图像。但它应该是“已检查”和“未选中”图像,就像它在iPad 1和2中的工作方式一样。 iPad 3的分辨率与iPad 1和2的分辨率不同,这就是为什么会发生这种情况。 那么如何解决这个问题,为所有设备提供通用的解决方案?

1 个答案:

答案 0 :(得分:0)

我找到了答案。

在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更改为776px。根据背景图像规则,此处指定的大小应为实际图像的一半。实际图像是1552px。这个776px的一半。但jquery移动代码说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