谷歌地图垂直响应像 Bootstrap 3 中的 img 响应图像？答案

【问题标题】：Google Map vertically responsive like a img-responsive image in Bootstrap 3?谷歌地图垂直响应像 Bootstrap 3 中的 img 响应图像？
【发布时间】：2014-05-11 00:55:45
【问题描述】：

我正在尝试使 Google 地图的行为类似于在 Bootstrap 中具有 img-responsive 的图像。我刚刚将“img-responsive”类添加到包含地图的 div 元素中。地图的样式以像素为单位指定宽度和高度。

问题是地图不会垂直调整大小，但会保持其样式中定义的大小。相反，宽度会根据屏幕大小而变化。

地图就是这样定义的。没有额外的 CSS。

<div class="img-responsive" style="width:500px;height:300px"></div>

编辑：

看到我被否决了，我会试着更清楚一点：我想知道是否可以通过 CSS 获得垂直调整大小，或者我应该使用一些 JavaScript 技巧。

【问题讨论】：

标签： google-maps twitter-bootstrap-3

【解决方案1】：

我发现获得我想要的东西的唯一方法是通过 JavaScript。我受到this post的启发

【讨论】：