Javascript jquery mobile中的动态地图大小
如何将使用jquery mobile的页面上的地图设置为100%大小？ 到目前为止，我试图设置高度：100%，但没有效果，我仍然有滚动条 如果我使用height:auto，我的地图不会显示Javascript jquery mobile中的动态地图大小,javascript,jquery,google-maps,jquery-mobile,Javascript,Jquery,Google Maps,Jquery Mobile,如何将使用jquery mobile的页面上的地图设置为100%大小？ 到目前为止，我试图设置高度：100%，但没有效果，我仍然有滚动条 如果我使用height:auto，我的地图不会显示 <div id="map_canvas" style="width:100%; height:90%; position:absolute; top:121px;" ></div> 100%大小的常见问题是百分比是父元素的百分比，因此也需要有一个大小（可以是100%）。参见Mike
<div id="map_canvas" style="width:100%; height:90%; position:absolute; top:121px;" ></div>
100%大小的常见问题是百分比是父元素的百分比，因此也需要有一个大小（可以是100%）。参见Mike Williams的v2教程（相同的概念适用于v3）
您没有在地图分区上方提供任何上下文。为什么不直接获取设备的高度并使用它
var viewportHeight = $(window).height();
由于正文边距，您将获得滚动条。让它变成0。我已经在firefox中测试了以下内容
<html>
<body style="margin:0;">
<div id="map_canvas" style="height:100%; background-color: black;"></div>
</body>
</html>