google-maps - 移动应用程序中的默认谷歌地图大小百分比？

Question

我试图在 phonegap 移动应用程序的页面上放置地图。我希望 #content div 的默认大小为 height:45% 和 width:100%（HTML 片段如下所示）。有些人告诉我将 and 的高度设置为 100%。但是，地图仍然以零宽度和高度的大小加载（因此不可见）。使用像素似乎不是一个好主意，因为该应用程序针对不同尺寸的不同设备。我该如何解决这个问题？谢谢

 <div data-role="content" style="height:100%;">

    <div id="introvid" style="width:100%; height: 45%; ">
        ...
    </div>

    <div id="map_canvas"  style="width:100%; height:45%; min-height:45%;"> 
    </div>


</div>