JQuery MobileでPhoneGapが正しく描画されない

Question

JQuery MobileとPhoneGapの使用に関するいくつかの問題を調査しています。

私はこのような観点メタタグを使用して

、

<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/> 

最初の観察は、私のアプリが縦長から横長に、またはその逆に変更されて好きではないということです。私の電話（Android）を回転させると、PhoneGapアプリはすぐに終了します。また

私は同期そこと呼ばれる2番目のページへのリンクを持つリストであるこのような何か、

<div id="index" data-role="page"> 
    <div data-role="content"> 
     <ul data-role="listview" data-theme="g"> 
      <li><a href="#sync">Sync</a></li> 
     </ul> 
    </div> 
</div> 
<div id="sync" data-role="page"> 
    <div data-role="header" data-position="inline"> 
     <a data-rel="back" data-icon="back">Back</a> 
     <h1>Sync</h1> 
    </div> 
</div> 

を持っています。 2番目のページへのリンクをクリックすると、アニメーションを描画して2番目のページに移動するときに、ページ全体がピクセル下に移動しますか？私が観察します

他の事は、テキストが480×800〜246 DPI

私はPhoneGapのとjQuery Mobileと継続することを決定する前に、これらの問題を解決する必要があるだろう

である私のデバイス上で非常に小さいと思われるということです。

UPDATE：

私は最初から私のアプリを開発し、それはアプリが、それ以上に出ることはありません回転を開始しました。しかし、他の問題はまだ存在します。

Answer 1

使用することをお勧めします。

<meta name="viewport" content="width=device-width, initial-scale=1"> 

私はjQueryのモバイルでのPhoneGapを使用し、姿勢の変化には問題は認められません。