私はモバイルサイトを構築していて、ヘッダーに次のメタタグを設定しています。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
残念ながら、これはAndroid 2.1のHTCデバイス(HTC Heroなど)では機能しません。このブラウザでピンチツーズームを無効にする方法についてのアイデアはありますか?iPhoneで正常に機能します。
この問題についてHTCに連絡しましたが、ビューポートメタタグがまったくサポートされておらず、ズームを無効にする他の方法がないことを通知されました。
かなりがっかり。
これは、デフォルトのAndroidおよびiPhoneブラウザーで機能します。残念ながら、HTCのカスタムブラウザーでは機能しません(質問どおり)。
<meta content='True' name='HandheldFriendly' />
<meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;' name='viewport' />
<meta name="viewport" content="width=device-width" />
単なるアイデア、おそらく役に立たない(テストされていない):
AndroidのWebViewでのJavaScriptサポートを調べましたか? WebSettings.setBuiltInZoomControls(false);
を呼び出すことができるかもしれません。これはあなたが必要なことをするかもしれません。
私もこれをたくさん遊んだことがありますが、実際にズームを無効にする組み合わせは見つかりませんでした。ただし、ページの初期スケールを設定できるため、ユーザーがページにアクセスすると、正しいズームレベルになります。 Androidブラウザのデフォルトのズームレベルは「中」ですが、前述のように、ユーザーが設定でこれを変更した場合(またはピンチズーム)、それは妨げられません。