css - Twitter ブートストラップと gmaps4rails

Question

次のビューコードがあり、携帯電話とデスクトップのサイズを動的に調整します。ただし、マップのサイズは変わりません。ブートストラップを使用して電話/タブレット/デスクトップに収まるようにマップのサイズを動的に変更する方法はありますか? （下記参照）

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

Answer 1

答えが見つかりました。gmaps4rails.cssファイルの幅と高さを100％に変更しました

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;
}

問題が解決しない場合は、この特定の css 修正が必要であることを確認するために、セレクター.gmaps4rails_map imgを置き換えてみてください。img次に、img の前に別のマップ セレクターを試します。