Cordova插件VS2015中的meta viewport user-scalable=yes不起作用

Question

我是 Cordova 和 HTML、CSS、JS 新手，但经过长时间在互联网上的搜索，我没有找到一个合适的答案来回答我的问题。

因此，我在 VS2015 中创建了一个混合应用程序。这是一个多页面应用程序... 所以在起始页上有 3 个按钮，每个按钮导航到一个新页面，依此类推。 我想要做的是让其中一个页面使用元属性：content="user-scalable=yes"，但是它不起作用。 我尝试了各种组合：

<meta name="viewport" content="user-scalable=yes, initial-scale=1, maximum-scale=2, minimum-scale=0.5, width=device-width">
<meta name="viewport" content="user-scalable=yes, initial-scale=1, maximum-scale=2, minimum-scale=0.5">
<meta name="viewport" content="user-scalable=1, initial-scale=1, maximum-scale=2, minimum-scale=0.5">
<meta name="viewport" content="maximum-scale=2, minimum-scale=0.5">
<meta name="viewport" content="width=device-width">

等等等等......Android上什么都不起作用。在Windows 10设备上，它工作得很好。

我还添加了：

  <preference name='EnableViewportScale' value='true'/>

我已经尝试过在 config.xml 中进行配置，但仍然无效。

现在我完全不知道下一步该怎么尝试。有人知道这个问题的解决方案吗？

- Jonas

---

我遇到了同样的问题，我尝试了在MainActivity和SystemWebViewEngine中设置settings.setUseWideViewPort(true);，但是没有任何作用，Android中忽略了viewport。 - Alas

Answer 1

你可以尝试简化meta标签，只使用一行meta。

"< meta name="viewport" content="width=device-width, initial-scale=.5, maximum-scale=12.0, minimum-scale=.25, user-scalable=yes"/>"。

希望这可以帮助解决问题。

- TommyCrestanello