13

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

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

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

有什么我可以做的吗？

4

4 回答 4

9

@David Lee 在顶部的评论是正确的：这似乎更像是 Nexus 7 的问题，而不是 Chrome 的问题。谷歌对 Nexus 7 的捏合缩放有很多抱怨，并且有人猜测他们正试图解决苹果的捏合缩放专利。

据我所知，只是使用

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

应该管用。

我以http://m.skyscanner.com/为例，它适用于其他带有 chrome 的设备和其他浏览器，如 Dolphin HD。该站点所拥有的只是上面的视口代码。

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

于 2013-08-25T12:44:42.793 回答
6

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

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

希望这可以帮助。

于 2013-08-16T13:56:36.440 回答
1

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

Thierry B写了一个插件来做这个并将它发布在github repo

你可以在这里演示：

只需单击要缩放的部分

或者对于视口缩放，请参阅本教程

于 2013-08-19T09:20:40.853 回答
1

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

<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" />
于 2013-08-22T12:00:21.533 回答