0

私は、ブラウザの表示可能領域全体をスクロールせずに埋めたいWebアプリケーションに取り組んでいます。ビューポートタグでこれを達成しました：

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

これは、Mobile Safari を除くすべてのブラウザーで望ましい効果があるようです。Safari では、次の 2 つの問題があります。

  1. ページの下部は、ポートレート モードではウィンドウの下部から約 60 ピクセル、ランドスケープ モードでは約 120 ピクセル下に表示されます。これは、Safari のアドレス バーが表示可能領域の一部としてカウントされているためだと思いますが、これを確認して、他のブラウザに影響を与えずに回避するにはどうすればよいでしょうか?
  2. 向きを変更した後、ページ コンテンツのサイズが正しく変更されません。ページの右側に大きなガターがあります。

違いがある場合は、jQuery Mobile を使用しています。これは、左側にがあるpageオブジェクトです。panelこれらのバグはいずれも Chrome for Android または Browser.apk には存在しません。

編集: ページはhttp://bit.ly/19LoH8mにあります。

ありがとう。スコット

4

2 に答える 2

0

最初にこれらを更新してみてください。

それ以外の

$("#mapViewer").outerHeight($(window).innerHeight());

使用する

$("#mapViewer").outerHeight($(window).height());

JQ のドキュメント、http: //api.jquery.com/innerHeight/ を参照してください。

また、JQM には方向転換イベントもあり、代わりに

$(window).resize(function() {
    /* some calculation */
});

使用する

$( window ).on( "orientationchange", function( event ) {
    /* some calculation */  
});
于 2013-06-07T04:03:45.213 に答える