JQuery Mobile アプリケーションで Google マップを使用していますが、下のスクリーンショットに示すように、マップは表示されていますが、一部が画面からはみ出していますが (右側)、左側は問題ありません。
左部分のように右部分を表示するにはどうすればよいですか? すべてのモバイルで機能するマージンがあるため、固定値は必要ありません。
これは、モバイルだけでなく、Web ブラウザーでも発生します。
使用されるコード:
<!-- Home Page -->
<div id="home" data-role="page" data-fullscreen="true">
<div data-role="content">
<div id="map_canvas" style="height:97%; width: 97%; position: absolute"></div>
