Twitter Bootstrap和gmaps4rails

Question

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

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

Answer 1

找到答案。改变了宽度和高度为100％，在gmaps4rails.css文件

Answer 2

并没有为我工作， 修复它我gmaps4rails.css改变：

.map_container { 
    width: 100%; 
} 

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

这对于修复工具栏

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

Answer 3

有同样的问题。这个固定为我：

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

它不解决问题，试图仅通过更换img选择.gmaps4rails_map img，以确保你需要这种特殊的CSS修复。然后在img之前尝试另一个地图选择器。