85

モバイル デバイスでピンチとズームを無効にしたい。

ビューポートにどのような構成を追加すればよいですか?

リンク : http://play.mink7.com/n/dawn/

4

10 に答える 10

186

編集:これはコメントされ続けているため、これを行うべきではないことは誰もが知っています。問題は、私がそれを行うべきではなく、どのように行うかでした。

これをモバイル デバイス用に追加します。次に、幅をパーセンテージで指定すると問題ありません。

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

ビューポートも使用できないデバイスには、これを追加します。

<meta name="HandheldFriendly" content="true" />
于 2012-07-27T14:06:10.187 に答える
13

これは悪い考えだと言ったすべての人に、私はそれが必ずしも悪い考えではないと言いたい. すべてのコンテンツを表示するためにズームアウトする必要があるのは、非常に退屈な場合があります。たとえば、iOS で入力を入力すると、ズームして画面の中央に表示されます。その後、キーボードを閉じてもうまくいかないため、ズームアウトする必要があります。また、優れたレイアウトとユーザー エクスペリエンスの作成に何時間も費やした場合、ズームによって台無しにされたくないという意見にも同意します。

しかし、他の議論は、視覚に問題のある人にとっても価値があります. ただし、私の意見では、目に問題がある場合は、システムのズーム機能を既に使用しているため、コンテンツを邪魔する必要はありません.

于 2014-10-22T08:07:04.060 に答える
5

ここで使用できますuser-scalable=no：

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
于 2018-08-30T08:12:56.247 に答える