web-dev-qa-db-ja.com

bootstrapフレームワークでタッチデバイスのズームを無効にする

Twitterブートストラップフレームワークを使用しています。タッチデバイスのズームインを無効にしたい。私はすでに使用しました

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

この。 bootstrapフレームワークがないと、タッチデバイスのズームインを防ぐことができますが、フレームワークを使用すると、そうではありません。そのための回避策はありますか。

前もって感謝します。

htmltwitter-bootstrapzooming
9
Dipen Dedania

みんな答えてくれてありがとう。実はそれは私のばかげた間違いでした。ページに複数のメタがあり、それが問題の原因でした。以下のコードはすべてに機能するはずです。

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

モバイルズームを無効にする次のコードを記述し、任意の入力タイプにフォーカスするために無効にします

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
14
Ankit Kothari

Bootstrapのドキュメントを見ると、ズームを無効にするには、開いたヘッドタグと閉じたヘッドタグの間に次のメタタグを含める必要があると言われています。

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

他の人が言及したように、またあなたはBootstrapドキュメントで http://getbootstrap.com/css/#overview-mobile ここに解決策があります

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