Google Mapの表示がくずれるとき

とあるサイトをレスポンシブ対応したら、Google Mapで地図拡大などのコントロール表示が崩れてしまった。気をきかせて 画像の最大表示幅を100%としていることが原因らしい。
地図を表示する枠内では、画像の最大表示幅を無効にする必要がある。

#gmap img {
  max-width: none;
}

テーマをTwenty Elevenに戻しても治らないし、どうして急に表示がおかしくなったのかと困った。Twenty Elevenもレスポンシブということだからか。
Twitter Bootstrap を使っている場合も同様の現象となる。

map1

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください