css - 如果地图的高度更大，街景无法正确显示图像

Question

我根据以下使用了街景

/* Map html */
<div id="mapDiv" class="">
    <div id="map-holder">
    <div id="map_canvas" class="bigmap"></div>
    <div id="map_stv" class="minimap" style="display: none"></div>
    </div>
</div>

/* Css associated */
.bigmap{
    width:100%;
    height:100%;
}

.minimap{
    width:50%;
    height:100%;
}
#map_stv {
    position: absolute;
    top: 0;
    right: 0;
}
#map_stv img {
    border: none !important;
    max-width: none !important;
}

当我需要显示街景时，我将小地图类添加到 map_canvas 并切换 map_stv。它工作正常。但是当地图的尺寸​​为 768x1024 时，我会遇到以下问题

有没有人遇到过这个？对此有任何指示吗？

Answer 1

我为你做了一个小提琴！

问题是，您的地图对于图像来说太长了，因此街景图像的顶部被切断了。

为了使您的地图具有响应性，我刚刚添加了：

style="width: 99%; height: 99%;

到你的#map-holderdiv。

总之，我最好的选择是尝试在地图上保持或多或少均匀的纵横比，width并且height