13

そうです、ズームを無効にするのではなく、有効にしたいのです。

レスポンシブ Web サイトを作成しましたが、すべて問題なく動作しています。ただし、何らかの理由で、Nexus 7 (Android 4.2.2 を実行) の Chrome でピンチズームすることはできません。

これは、画面サイズに適した CSS でサイトを表示するためのメタ タグです。

<meta name="viewport" content="width=device-width, initial-scale=1" />

ここでは、ユーザーがズームできないとは言いません。私が言うように、サイトはレスポンシブなので、ユーザーがズームする必要がある理由はありませんが、ユーザーがズームしたい場合、私はそれらを止めたくありません. iPhone では問題ありません。ユーザーは必要に応じてズームできます。しかし、Android ではできません。追加user-scalable=yesしてみましuser-scalable=1たが、違いはありません。

機能する唯一の方法は、そのメタ タグを削除することですが、サイトが大画面に表示されているかのようにレンダリングされるため、応答しなくなります。

何か私にできることはありますか？

4

4 に答える 4

9

一番上の@David Leeのコメントは正しいです.Chromeの問題というよりも、Nexus 7の問題のようです. Google は、Nexus 7 のピンチ ツー ズームに関して多くの不満を持っており、Apple のピンチ ツー ズームの特許を回避しようとしているという憶測があります。

私が知っていることから

<meta name="viewport" content="width=device-width, initial-scale=1">

動作するはずです。

例としてhttp://m.skyscanner.com/を見てきましたが、クロムや Dolphin HD などの他のブラウザを備えた他のデバイスでも動作します。そのサイトにあるのは、上記のビューポート コードだけです。

Chrome for Android にはズームを強制する方法があります - ブラウザのメイン設定を開き、[アクセシビリティ] をタップしてから、[ズームを強制的に有効にする] というオプションをオンにして、これが Nexus 7 で機能するかどうかを確認します (私はそのデバイスを持っていないのでテストできません)。 )

于 2013-08-25T12:44:42.793 に答える
1

これが役立つことを願って使用してください：

<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width,height=device-height,target-densitydpi=device-dpi,user-scalable=yes" />
于 2013-08-22T12:00:21.533 に答える