使用响应式引导程序未完全加载映射

Question

如果我给出宽度（以像素为单位），则地图显示完全。但是如果我们以％表示宽度，则仅加载地图的一半。如果我将窗口大小更改为更小并再次更改为桌面大小，则地图将完全显示。如何在％？

中使用宽度时使其完全可见

Html代码：

         <div id="map_wrapper">
            <div class="Box" id="Mab_Big_Main">
                <div class="Box_Content">
            <div id="search_map"></div>
                </div>
            </div>
        </div>

Css代码：

      .map_view #map_wrapper {
          width:100%;
          height:471px;
          position:relative;
          z-index:999;
          clear:both;
       }           
      .map_view #search_map {
          height: 440px;
       }

脚本：

<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.exp&sensor=false"></script>