在bootstrap框架中禁用触摸设备的缩放

Question

我正在使用twitter bootstrap框架.我想禁用放大触摸设备.我已经习惯了

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

这个.没有bootstrap框架,我可以防止缩放触摸设备,但与框架我不是.那么有没有办法解决这个问题.

提前致谢.

Answer 1

编写以下代码将禁用移动缩放禁用,并且还禁用对任何输入类型的聚焦

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

Answer 2

如果您查看Bootstrap文档,他们已经说过为了禁用缩放,您必须在打开和关闭的头标记之间包含以下元标记:

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

Answer 3

伙计们感谢您的回答。事实上，这是我的愚蠢错误。我的页面中有多个元，它导致了问题。下面的代码应该适用于所有人。

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