Question

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

我创建了一个响应式网站，一切都很好看。但由于某些原因，您无法在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，但这没有任何区别。

唯一有效的方法是删除该元标记，但随后该网站呈现自身就像它在大屏幕上显示一样，因此它不再响应。

我能做些什么吗？

Answer 1

@David Lee的评论是正确的：看起来更像Nexus 7而不是Chrome问题。谷歌已经有很多关于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（我没有这样的设备）不能测试它）

Answer 2

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

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

希望这有帮助。

Answer 3

虽然它不是您问题的完整解决方案，但它可以缩放特定区域。

Thierry B 编写了一个插件，会将其发布到github repo

你可以在这里demo：

只需点击要缩放的部分

或 视口缩放 请参阅此tutorial

Answer 4

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

<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" />

如何在Android上启用缩放功能？

4 个答案: