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

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捏合缩放的投诉,并且有人猜测他们正试图解决苹果公司缩减专利的问题.

据我所知,只是使用

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

希望这可以帮助.