Google maps 科尔多瓦的地图尺寸错误

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

现在显示地图，如上图所示。但是，当我在网络浏览器中使用“cordova serve”查看地图时，地图加载的大小是正确的。有人知道我如何解决这个问题吗？我的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;
}
}

---

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

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

更新的答案

---

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

谢谢，我将它添加到CSS中，但不知怎么的，它没有改变任何东西。因为我在一个div中加载地图，这个div的CSS设置会影响地图吗？好的，你能检查它的父元素，并尝试将高度设置为100%我的地图画布div（加载地图的地方）在另外两个div中，我将这些div的高度设置为100%，但也没有改变任何东西：（嗯，可能媒体查询“min width”不适合移动设备。900px适用于普通计算机屏幕或高分辨率移动设备。请先尝试在没有媒体查询的情况下进行测试。然后，如果可行，请尝试在纵向模式下将“min width”更改为低于设备屏幕宽度。