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

Question

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

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

Answer 1

次のように、META ビューポート タグを作成し、ユーザー スケーラブルプロパティを「いいえ」に設定します。

<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 を使用してデスクトップ ブラウザーを表示し、そのビューを「ピンチ」することです。

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