リセットCSSでGoogle MapsのAPIを利用した表示乱れ

ブラウザ毎のCSSの初期設定の微妙な違いを解消するため、リセットCSSを利用していました。これが今回Google MapsのAPIを使用した表示乱れの原因になったのです。

まさかこれが原因とは思いませんでしたが、何とか自力で原因を発見、解決できました。リセットCSSの読み込みをコメント化したところ、表示が乱れなくなったのです。手当たり次第にコードを書き換えるといった細かな単位の試行錯誤だけでなく、ファイルといった大きな単位で試してみることも必要とあらためて思いました。

結局、別のリセットCSSに交換して対処しました。リストのスタイルの部分の表示が若干変わりましたが、CSSに若干の追記を行っただけで同じ表示になり、Google MapsのAPIの表示乱れも起こりませんでした。