iPad でmobile-apps-newsにアクセスしたところ、ピンチ ズームができないことに気付きました。レスポンシブ レイアウトを使用しているのですが、iOS でピンチ ズームがどのようにブロックされているのか非常に興味があります。それは間違いなくJavascriptではありません。
彼らがこれをどのように行ったか知っている人はいますか?
ありがとう!
iPad でmobile-apps-newsにアクセスしたところ、ピンチ ズームができないことに気付きました。レスポンシブ レイアウトを使用しているのですが、iOS でピンチ ズームがどのようにブロックされているのか非常に興味があります。それは間違いなくJavascriptではありません。
彼らがこれをどのように行ったか知っている人はいますか?
ありがとう!
これは、モバイルサファリWebキットのプロパティです。名前の付いたメタタグview port
には、そうする機能があります。それはあなたが探しているものであるパラメータuser-scalable = no
の値である多くのパラメータを定義します 。Content
メタタグにプロパティを追加するだけで、ユーザーがページを拡大縮小するのを防ぎます。同じタグを使用して、初期スケールと最大ズームレベルを指定できます。<meta name = "viewport" content = "user-scalable = no">
。詳細については、safari開発者ガイドをご覧ください。
コンテンツも定義して、正しい構文で追加することを忘れないでください。
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />