javascript を使用してウィンドウ サイズを読み取ろうとしていますが、これは Android を除く、テストしたすべてのプラットフォームで正常に機能します。この数値に基づいて div のサイズを変更しているので、すべての div が画面いっぱいになります。Androidでは、最初のページは問題ないように見えますが、下にスクロールするとすぐに、アドレスバーの高さなしで高さが測定されたように見えます. そのため、次のページがすでに表示されている 50px の短いページになってしまいます。
これは、プラットフォームの高さと幅を取得するために使用しているコードです。
app.tab1.sections.fitScreen = function(){
var w = $(window).outerWidth(),
h = $(window).outerHeight();
//Fit all page-containers
$('#tab1 .page-container').width(w).height( h );
//Fit the first one(includes the header)
$('#tab1 #page_1').height( h - ( $('#p-header').outerHeight() + $('#product-navigation').outerHeight() ) );
}
このスクリーンショットは問題を示しています: http://www.imgjoe.com/x/export03.png