0

jQuery Mobile と Phonegap ビルドを使用して Android アプリを作成しています。ユーザーがページをズームインおよびズームアウトして、画像をより詳細に表示できるようにしたいと考えています。この問題を検索してみましたが、与えられた答えはどれもうまくいきませんでしたので、助けていただければ幸いです。これは私がページの頭に持っているものです:

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

ユーザーがズームインおよびズームアウトできるようにこれを変更する方法はありますか?

4

2 に答える 2

0

デフォルトでは、次のメタ タグが jQuery Mobile によってドキュメントに動的に挿入されるため、ズームは無効になっています。

このメタ タグに書き出される実際の @content 値は、$.mobile.metaViewportContent プロパティによって制御されます。デフォルト値は次のとおりです。

    metaViewportContent: "width=device-width, minimum-scale=1, maximum-scale=1"

ズーム機能を復元したい場合は、指定されたスケール値をオーバーライドして最大スケールが最小スケールよりも大きくなるようにするか、metaViewportContent からスケール プロパティを削除してデフォルトの動作を取得する必要があります。

プロパティを設定するには、プロパティを好みに合わせて設定できるように、mobileinit イベントにバインドする必要があります。何かのようなもの：

$(document).bind("mobileinit", function(){
      $.mobile.metaViewportContent = "width=device-width, minimum-scale=1,
       maximum-scale=2";
});

または、スケール値を削除するには:

$(document).bind("mobileinit", function(){
      $.mobile.metaViewportContent = "width=device-width";
});
于 2012-06-13T05:08:20.717 に答える
0

PhoneGap Build を使用して Android でズームを有効にすることはできません。PhoneGap Android アプリケーションでビューポート ピンチ ズームを有効にする方法については、私の回答を参照してください。

于 2012-10-23T13:26:12.820 に答える