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

Question

我玩科尔多瓦和 angularjs。

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

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

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

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

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

标签： angularjstwitter-bootstrapcordovaresponsive

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