レスポンシブデザインでズーム機能を無効にする方法は？

Question

IPad、iPhone、その他のスマートフォンを使用しているときに、レスポンシブデザインページでズームインおよびズームアウト機能を無効にするにはどうすればよいですか。

それを制御する方法はありますか？

Answer 1

METAビューポートタグを作成し、次のようにser-scalableプロパティを 'no'に設定します。

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

更新された回答：-

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

Answer 2

これは、30歳以上のユーザーをほとんど区別しません。ズームを抑制すると、読書用メガネを使用するように強制されます。あなたの意図かもしれません。

このようなユーザーの回避策の1つは、RDPまたはVNCを使用してデスクトップブラウザーを表示し、そのビューを「ピンチ」することです。

質問は、「無効にする方法」または「抑制する方法」を読んでください。もちろん、ユーザーエージェント文字列を使用してデバイスを識別する必要があります。