0

ハイブリッドアプリケーションの場合、アプリケーションのWeb部分を構築する必要があります。

HTMLと本文はビューポートの100％であると定義しました。これは良い考えだと思いましたが、タッチキーボードが表示されるとAndroidがビューポートを変更することがわかりました。したがって、ページ上のすべての要素のサイズを変更します。これは私が望む振る舞いではありません。

タッチキーボードの干渉を受けずに、デバイスの高さに基づいて要素の位置と寸法を指定することは可能ですか？

問題はここに表示されますhttp://betapreview.nl/playground/overflow-table/index2.html

私がすでに試したこと

オプション1

<meta name="HandheldFriendly" content="True"> <meta name="MobileOptimized" content="320"> <meta name="viewport" content="width=device-width, initial-scale=1.0; maximum-scale=1.0; user-scalable=no">

例： http： //betapreview.nl/playground/overflow-table/index2.html

オプション2

var theHeight = $(document).height();
$("#wrapper").css("height", theHeight);

例： http： //betapreview.nl/playground/overflow-table/index3.html

4

2 に答える 2

1

Android および iPhone ブラウザではデフォルトで 800 ～ 900 ピクセルに設定されているため、通常、ページの幅が 800 ～ 900 ピクセルにならないようにします。ページの幅をデバイスの幅と同じにするには、次のメタ タグを試してください。

<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />

ところで、Android、iPhone 向けのモバイル Web サイトのデザインを参照して、メモを取ることができます。

于 2012-08-13T11:56:04.937 に答える
1

jQuery を使用してこれを行うことができます。ドキュメントの準備ができたら、次を追加するだけです。

var wantedHeight = $(window).height();
var wantedWidth = $(window).width();

次に、同様にドキュメントの準備ができたら、次のように、wantHeight と WantWidth をラッパー サイズの値として使用します。

$('#wrapper').css('height', wantedHeight);
$('#wrapper').css('width', wantedWidth);
于 2012-08-13T11:49:47.247 に答える