JQuery Mobile中的Google Map Dimensions

Question

我在我的JQuery Mobile应用程序中使用谷歌地图，但正如您在下面的屏幕截图中看到的那样，地图正在显示，但部分地图在屏幕外（右侧），但在左侧是可以的。

如何像左侧部分一样显示正确的部分？并且有一个适用于所有手机的保证金，所以我不想要固定值。

这也发生在网络浏览器中，而不仅仅是移动设备。

使用的代码：

<!-- 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>