0

jQuery モバイルを使用して Phone Gap アプリケーションを開発しました。

asyraf9split view in jQuery mobileによる分割ビュー プラグインを使用して実装しました。

リンクをたどるhttps://github.com/asyraf9/jquery-mobile/

Split view works perfectly with two panes (left and right)Apple iPadでは、

しかしギャラクシータブで。 split view not works it displays only the right panel.

問題は何ですか? 画面の解像度に違いはありますか?

4

1 に答える 1

0

ブラウザで分割ビューを有効にする必要があるかどうかを確認する分割ビュー ライブラリのコードは次のとおりです。

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 を有効にする必要があります

ピクセルから CSS へのピクセル密度は 1.2 未満にする必要があります。高密度デバイスでの分割ビューを回避したい

あなたが抱えている問題は、解像度(両方のデバイスが少なくとも480pxを表示する)ではなく、ピクセル密度(ピクセル比にリンク)にあります.

ウィキペディアとあなたの説明によると、サムスンのタブは 1.5 css ピクセル比の古いタブである可能性があります。つまり、分割ビューが有効になっていません。

この動作が望ましくない場合は、jquery.mobile.splitview.js のコードを変更して、最大ピクセル比を 1.2 から 2.2に上げます。

于 2012-06-15T14:21:13.837 に答える