如何在我的页面上拉伸谷歌地图以在引导程序中水平放置容器？

Question

我遵循本教程：https://scotch.io/tutorials/making-mean-apps-with-google-maps-part-i并且作者决定通过写信将谷歌地图放在他的页面上：

<!-- Google Map -->
<div class="col-md-7">
    <div id="map" style="width:645px; height:645px"></div>
</div> 

现在即使他将地图放在col-md-7中，他也会为其指定特定的宽度和高度，因此这张地图在移动设备上不会变小或在全景监视器上变宽。有没有办法删除特定的宽度和高度并自动调整它以适应父<div class="container">？

Answer 1

只需将地图设置为增长到其父级col-md-7的宽度。

<!-- Google Map -->
<div class="col-md-7">
    <div id="map" style="width:100%; height:645px"></div>
</div> 

或者，如果你只是使用CSS，你可以保持内联宽度相同，并在样式表中执行此操作：

#map{
  width: 100%;
}