科尔多瓦应用程序中的响应页面仅在真实手机上不响应

Question

我在玩 cordova 和 angularjs。

我有一个简单的 angularjs（基于 angular-seed）应用程序，当我在 pc chrome 中对其进行测试时，它看起来像是响应式的：

（屏幕宽度和我的手机一样）

但是当我用cordova构建apk并安装在手机上时，我看到了巨大的水平滚动：

我尝试用谷歌搜索，但没有找到任何线索。我能做错什么？

如果我只使用此页面 https://getbootstrap.com/docs/4.0/examples/album/# 并构建 cordova 应用程序，我也会看到相同的水平滚动。

Answer 1

在 index.html 中添加这个 Meta

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />