コードブラウザのブラウザアプリケーション

Question

Apache cordovaでプログラムを作成しました。私のプログラムは、Webサイトを開くためのiframeです。
しかし、私は5の前にアンドロイド版で私のページをスクロールして問題があります。私の問題は絵である：

見ることができるように、テキストが正しく配置されていません。

私のコードでは、アイフレームを使用してコルドバでアプリを構築することとしていないというだけの理由です。この

<div data-role="page" data-theme="a">   
    <div data-role="content" data-theme="a" id="theParent" style="height:100%; padding:0px; overflow:scroll !important;-webkit-overflow-scrolling:touch !important;"> 
     <!--<button id="myBtn" onclick="gourl();"> go to url </button>--> 
     <iframe style="width:100%; border:0px; height:100%;" scrolling="yes" frameborder="0" src="http://shahreman.biz" id="urlshow"> 
     </iframe> 

     <script> 
      //document.getElementById("myBtn").addEventListener("click", gourl()); 
      //var physicalScreenHeight = window.screen.height * window.devicePixelRatio; 
      var physicalScreenHeight = window.innerHeight; 
      //physicalScreenHeight=(physicalScreenHeight/100)*97; 
      var heightiframe=physicalScreenHeight+"px" 
      //alert(heightiframe); 
      document.getElementById('urlshow').style.height=heightiframe; 
      function gourl() 
      { 
       document.getElementById('urlshow').src = 'http://shahreman.biz'; 
      } 
     </script> 

    </div> 
</div> 

Answer 1

です。 PhoneGapを使用してhtmlやすべてを新しいプロジェクトに入れ、PhoneGap DesktopエミュレータまたはCLIを使って実行して、モバイルデバイスでの動作を確認できます。キャプチャから、divsの問題が埋められているようです。幸運