在引导框架中禁用触摸设备的缩放答案

【问题标题】：Disable zooming for touch devices in bootstrap framework在引导框架中禁用触摸设备的缩放
【发布时间】：2014-01-07 15:10:54
【问题描述】：

我正在使用 twitter bootstrap 框架。我想禁用放大触摸设备。我已经用过

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

这个。如果没有引导框架，我可以防止放大触摸设备，但使用框架我不能。那么是否有任何解决方法可以做到这一点。

提前致谢。

【问题讨论】：

【解决方案1】：

编写以下代码，将禁用移动缩放禁用，并且也禁用任何输入类型的焦点

&lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"&gt;

【讨论】：

【解决方案2】：

如果您查看 Bootstrap 文档，他们说要禁用缩放，您必须在打开和关闭的头标记之间包含以下元标记：

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

【讨论】：

【解决方案3】：

正如其他人所提到的，您也可以在 http://getbootstrap.com/css/#overview-mobile 的 Bootstrap 文档中找到解决方案

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

【讨论】：

【解决方案4】：

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

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

【讨论】：