モバイルWebでピンチズームを無効にする

Question

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

ビューポートにどのような設定を追加する必要がありますか？

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

Answer 1

EDIT：これは上のコメント取得し続けているため、我々はすべて私たちがこれを行うべきではないことを知っています。質問はでしたどうすればいいですか？はです。

モバイルデバイス用にこれを追加します。そして、パーセンテージであなた幅を行うと、あなたは大丈夫：

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

すぎてビューポートを使用できないデバイスのためにこれを中に追加します。

<meta name="HandheldFriendly" content="true" /> 

Answer 2

IEは独自の方法を持っている：CSSプロパティを、 -ms-content-zoomingです。体に何も設定しないか、何かを無効にする必要があります。これは、私はそれは常に悪いものではないと言いたい悪い考えであることを言った皆に

Disable pinch to zoom in IE10

http://msdn.microsoft.com/en-us/library/ie/hh771891(v=vs.85).aspx

Answer 3

。時々、すべてのコンテンツを見るためにズームアウトするのは非常に退屈です。たとえば、iOS上で入力を入力すると、画面の中央に表示されます。キーボードを閉じることで作業が行われないと、ズームアウトしなければなりません。また、素晴らしいレイアウトとユーザーエクスペリエンスを作るのに多くの時間を割いたときに、それがズームによって台無しにならないようにすることに同意します。

しかし、もう一つの議論は、視力の問題がある人にとっても価値があります。しかし、私の意見では、目に問題がある場合、すでにシステムのズーム機能を使用しているため、コンテンツを妨害する必要はありません。

Answer 4

これは私が必要なすべてのです：

<meta name="viewport" content="user-scalable=no"/> 

Answer 5

は、MIN-widthプロパティで試してみてください。私はあなたを説明しましょう。スクリーン幅が400px（インスタンスの場合）のデバイスを想定します。ズームインすると、フォントのサイズが大きくなります。しかし、ボックスとdivは同じ幅で残っています。 min-widthを使用すると、divとboxを減らすことができます。

Answer 6

残念ながら、Appleがuser-scalable=noを無視することに決めたため、申し訳ありませんが、Safari 10以降では提供されたソリューションは動作しません。このスレッドは、詳細といくつかのJSハックを持っています：disable viewport zooming iOS 10+ safari?