google-maps - Google map 信息窗口显示不正确

Question

我有一个标准的 Google Map Infowindow 在点击一个标准的 Google 标记时被打开。指向标记的箭头似乎偏离了几个像素。我一直在用头撞墙试图弄清楚我的 CSS 中的哪些属性正在影响它。影响 img { max-width: 100% } 的 ZURB Foundation 框架属性导致了一些其他问题，但我能够追踪到并进行调整。我似乎无法找到这个的原因。我正在使用 ZURB v4 和 GMapsv3。

http://stage2.curran-connors.com/reliance/index.php/contact/

单击一个标记，您将看到箭头从信息窗口边框下方开始。

Answer 1

Zurb Foundation 将所有内容的box-sizing 样式设置为border-box。这会导致您在 Google map 信息窗口中看到的对齐错误。

修复:

#map_container div {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}