为什么CSS样式会扭曲我的Google地图缩放？

Question

这是一个工作版本

http://jsfiddle.net/tH78C/

这是一个带有Bootstrap样式的破碎版本(缩放小部件不再正确显示)

http://jsfiddle.net/3sjAU/

它为什么会破裂？

Answer 1

您还可以为单个地图修复此问题,例如:

.googleMapContainer img {
    max-width: none !important;
}

Answer 2

Bootstrap.css 中的第 69 行 max-width: 100%;导致了该问题。

img {
max-width: 100%; <--
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}

您可以删除它，如果再次需要，只需指定一个新类.newclass {max-width:100%}并将其添加到图像中。