とあるサイトをレスポンシブ対応したら、Google Mapで地図拡大などのコントロール表示が崩れてしまった。気をきかせて 画像の最大表示幅を100%としていることが原因らしい。
地図を表示する枠内では、画像の最大表示幅を無効にする必要がある。
#gmap img {
max-width: none;
}
テーマをTwenty Elevenに戻しても治らないし、どうして急に表示がおかしくなったのかと困った。Twenty Elevenもレスポンシブということだからか。
Twitter Bootstrap を使っている場合も同様の現象となる。