科尔多瓦地图的大小错误

Question

我创建了一个基于Cordova的智能手机应用程序，我想在其中加载Google地图以显示用户路线。问题是地图的加载尺寸完全错误（高度：100％）。

现在显示地图，如上图所示。当我在网络浏览器中使用“cordova s​​erve”观看地图时，地图正在加载正确的大小。有谁知道如何解决这个问题？我的CSS看起来像这样：

@media screen and (min-width: 900px) {
#map-canvas-meine-Fahrten{
    height: 100%;
    width: 90%;
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
}
}

Answer 1

您可以将其添加到该元素css以使其全屏显示

position: absolute;
top: 0px;
left: 0px;

更新了答案

媒体查询未正确用于移动设备屏幕。