如何在 Android 上启用缩放？答案

【问题标题】：How can I enable zoom on Android?如何在 Android 上启用缩放？
【发布时间】：2013-08-18 22:19:38
【问题描述】：

没错，我想启用缩放而不是禁用它。

我创建了一个响应式网站，一切看起来都不错。但是由于某种原因，您无法在 Nexus 7（运行 Android 4.2.2）上的 Chrome 中进行捏合缩放。

这是我的元标记，它确保它以适合屏幕尺寸的 CSS 显示网站：

<meta name="viewport" content="width=device-width, initial-scale=1" />

我在这里没有说用户不能缩放。正如我所说，该站点是响应式的，因此用户没有理由需要缩放，但是如果用户想要缩放，我不想阻止它们。 iPhone 上没有问题，用户可以随意缩放。但在 Android 上他们不能。我尝试添加 user-scalable=yes 和 user-scalable=1 但这没有区别。

唯一可行的方法是删除该元标记，但随后网站将自身呈现为好像正在显示在大屏幕上，因此不再响应。

有什么我可以做的吗？

【问题讨论】：

嗯，这不是一个答案，而是更多的评论 - Chrome for Android 可以让我们强制缩放 - 打开浏览器的主要设置并点击“辅助功能”，然后选中名为 Force 的选项启用缩放。这样，如果您在此处找不到适合您要求的好答案，请将其添加为页面上的评论
还有this SO answer on how to force-zoom。没有我的安卓生活会更糟。（仔细观察事物，制作更好的屏幕截图，在设计不佳的网站上更轻松地填写表单......）

标签： android html google-chrome responsive-design meta-tags

【解决方案1】：

@David Lee 在顶部的评论是正确的：这似乎更像是 Nexus 7 的问题，而不是 Chrome 的问题。 Google 收到了很多关于 Nexus 7 的捏合缩放功能的投诉，speculation 表示他们正试图解决苹果的捏合缩放专利。

据我所知，只是使用

<meta name="viewport" content="width=device-width, initial-scale=1">

应该可以。

我以http://m.skyscanner.com/ 为例，它可以在其他配备 chrome 的设备和其他浏览器（如 Dolphin HD）上运行。该站点所拥有的只是上面的视口代码。

Chrome for Android 可以让我们强制缩放 - 打开浏览器的主要设置并点击“辅助功能”，然后检查名为“强制启用缩放”的选项，看看这是否适用于 Nexus 7（我没有那个设备所以无法测试）

【讨论】：

【解决方案2】：

使用这个希望它会有所帮助：

<meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width,height=device-height,target-densitydpi=device-dpi,user-scalable=yes" />

【讨论】：

据我所知，将最小和最大比例设置为 1 会禁用用户缩放，不是吗？

【解决方案3】：

虽然它不能完全解决你的问题，但它可以缩放特定区域。

Thierry B 编写了一个插件来实现这一点，并将其发布在 github repo

你可以在这里demo它：

只需点击您要放大的部分

或视口缩放请参考tutorial

【讨论】：

【解决方案4】：

什么版本的安卓？ Android 2.2 不支持视口元标记，如果您的版本介于 2.3.x 和 4.x 之间，请尝试以下操作：

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

希望这会有所帮助。

【讨论】：

谢谢，它说的是 Android 4.2.2，所以这不是问题。我也试过user-scalable=yes，但我在我的问题中写了user-scalable=true，所以对此表示歉意。我现在已经编辑了我的问题。
我一直在检查这一点，似乎 Nexus 7 中 chrome 上的缩放选项存在问题，但不确定是否属实，我也在 SG2 上进行了测试，它工作正常，我认为您可以做的是检查另一个具有缩放选项的站点并检查那里的视口标签或其他可能启用它的配置，如果您得到结果，请在此处发布，我也开发响应式网站，这将有助于知道，我会尝试更多地挖掘它。