jQuery Mobile中的动态地图大小

Question

如何使用jQuery Mobile在页面上将地图的大小设置为100％？ 到目前为止，我尝试将height：100％设置为无效，但是我仍然具有滚动条。

如果我使用height：auto，则不会显示我的地图

<div id="map_canvas" style="width:100%; height:90%; position:absolute; top:121px;"  ></div>

Answer 1

由于身体边缘，您正在滚动。 使其设为0。我已经在Firefox中测试了以下内容

<html>
<body style="margin:0;">
     <div id="map_canvas" style="height:100%; background-color: black;"></div>
</body>
</html>

Answer 2

100％大小调整的常见问题是百分比是父元素的百分比，因此也需要具有大小（可以为100％）。 请参见Mike Williams的v2教程上的此页面 （相同的概念适用于v3）。

您未在地图div上方提供任何上下文。

Answer 3

您为什么不只是获得设备的高度并使用它呢？

var viewportHeight = $(window).height();