0

我已经使用 jQuery mobile 开发了一个 Phone Gap 应用程序

我已经split view in jQuery mobile使用asyraf9的拆分视图插件实现了。

按照链接https://github.com/asyraf9/jquery-mobile/

Split view works perfectly with two panes (left and right)苹果 iPad中,

但在Galaxy Tab中。 split view not works it displays only the right panel.

有什么问题屏幕分辨率有什么不同吗?

4

1 回答 1

0

这是 splitview 库中的代码,用于检查浏览器是否应该启用 splitview:

var $query = $.mobile.media('screen and (min-width: 480px)') && ($.mobile.media('(-webkit-max-device-pixel-ratio: 1.2)') || $.mobile.media('(max--moz-device-pixel-ratio: 1.2)'));
$.support.splitview = ($query || ($.mobile.browser.ie && $(this).width() >= 480)) && $.mobile.ajaxEnabled;

这是要求的文本描述(取自提交日志):

应该启用 Ajax

Pixel to CSS 像素密度应低于 1.2,我们希望避免在高密度设备中出现拆分视图

您遇到的问题不在于分辨率(两个设备都显示至少 480 像素),而在于像素密度(与像素比相关)。

根据维基百科和你的描述,你的三星标签可能是一个旧的,像素比为 1.5,这意味着它不会启用拆分视图。

如果您不想要这种行为,请更改 jquery.mobile.splitview.js 中的代码以将最大像素比从 1.2 提高到 2.2

于 2012-06-15T14:21:13.837 回答