问题 如何在Android上启用缩放功能?


那是对的,我想 启用 缩放而不是 禁用 它。

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

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

有什么我可以做的吗?


4552
2017-08-16 13:29


起源

这不是一个答案,而是更多的评论 - Chrome for Android有一种方式让我们强制缩放 - 打开浏览器的主要设置并点击“辅助功能”,然后选中强制启用缩放选项。这样,如果您没有找到符合您要求的正确答案,请在页面上添加此评论作为评论 - Slartibartfast


答案:


@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(我没有设备那么无法测试它)


6
2017-08-25 12:44





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

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

希望这可以帮助。


4
2017-08-16 13:56



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


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

蒂埃里B. 写了一个插件,将执行此操作并将其发布 github repo

您可以 演示 在这里:

只需单击要缩放的部分即可


1
2017-08-19 09:20





用这个希望它会有所帮助:

<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
2017-08-22 12:00



据我所知,设置最小和最大比例为1会禁用用户缩放,不是吗? - MrMisterMan