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

Hoa*_*Hoa 5 html css google-maps twitter-bootstrap

这是一个工作版本

http://jsfiddle.net/tH78C/

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

http://jsfiddle.net/3sjAU/

它为什么会破裂?

小智 11

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

.googleMapContainer img {
    max-width: none !important;
}
Run Code Online (Sandbox Code Playgroud)


luk*_*012 4

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

img {
max-width: 100%; <--
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
Run Code Online (Sandbox Code Playgroud)

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