jquery mobile中的动态地图大小答案

【问题标题】：Dynamical map size in jquery mobilejquery mobile中的动态地图大小
【发布时间】：2012-11-14 14:43:19
【问题描述】：

如何在使用 jquery mobile 的页面上将地图的大小设置为 100%？到目前为止，我尝试设置 height:100%，但这没有效果，而且我仍然有滚动条。

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

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

【问题讨论】：

【解决方案1】：

由于正文边缘，您正在滚动。只需将其设为 0。我已经在 Firefox 中测试了以下内容

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

【讨论】：

【解决方案2】：

100% 大小的常见问题是百分比属于父元素，因此也需要有一个大小（可以是 100%）。请参阅 Mike Williams 的 v2 教程中的 this page（同样的概念适用于 v3）。

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

【讨论】：

【解决方案3】：

你为什么不直接获取设备的高度并使用它...

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

【讨论】：