javascript - jquerymobileの動的マップサイズ

Question

jquery mobileを使用しているページの地図のサイズを100％に設定するにはどうすればよいですか？これまでのところ、height：100％を設定しようとしましたが、それは効果がなく、スクロールバーがまだあります。

height：autoを使用すると、マップが表示されません

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

score 1 · Accepted Answer

You are getting scroll due to body margin. Just make it 0. I have tested following in firefox

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

score 0 · Accepted Answer

100% のサイズ設定でよくある問題は、パーセンテージが親要素のものであるため、サイズも必要になることです (100% にすることもできます)。Mike Williams の v2 チュートリアルのこのページを参照してください (v3 にも同じ概念が適用されます)。

マップ div の上にコンテキストを提供しませんでした。

score 0 · Accepted Answer

デバイスの高さを取得してそれを使用しないのはなぜですか...

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

3 に答える 3