css - Twitter Bootstrap 和 gmaps4rails

Question

我有以下视图代码，它会动态调整手机和桌面的大小。但是地图不会改变大小。有没有办法让地图使用引导程序动态改变大小以适应手机/平板电脑/桌面？（见下文）

.row
  .span6.offset3
    .well
      = gmaps4rails(@maps_json)

在此处输入图像描述

score 3 · Accepted Answer

3

找到了答案。在 gmaps4rails.css 文件中将宽度和高度更改为 100%

于 2012-07-07T10:55:21.297 回答

score 2 · Accepted Answer

didn't work for me, to fix it i changed in gmaps4rails.css:

.map_container {
  width: 100%;
}

.gmaps4rails_map {
  width: 100%;
  height: 400px;
}

And this for fix the toolbar

#map label { width: auto; display:inline; }
#map img { max-width: none; }

score 1 · Accepted Answer

有同样的问题。这为我修复了它：

.gmaps4rails_map img {
    max-width: none;
}
.gmaps4rails_map label {
    width: auto; display:inline;
}

如果它不能解决问题，请尝试替换选择器.gmaps4rails_map img，img以确保您需要此特定的 css 修复程序。然后在 img 之前尝试另一个地图选择器。

3 回答 3