Question

如何使用jquery mobile在页面上设置100％的大小？到目前为止，我试图设置高度：100％，但这没有效果，我仍然有滚动条。

如果我使用高度：自动，我的地图不会显示

<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教程this page（同样的概念适用于v3）。

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

Answer 3

为什么不让你获得设备的高度并使用它......

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