谷歌地图iframe集高度？

我只想嵌入我的谷歌地图位置。当我使用iframe时，它会达到100％的高度。当我设定高度时谷歌地图iframe集高度？

.google-maps iframe { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100% !important; 
    height: 30% !important; 
}

看起来就是这样。

地图大小看起来不错，但它使用页脚之间不需要的空白。这是我的ifrmae

<div class="google-maps"> 
<iframe src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJ-69Hn5JZ4joRzaymM3Zi2o8&key=AIzaSyDTljbjBpIX73t57vhNIhMKyk0u5p6MNGI" width="600" height="200" frameborder="0" style="border:0"> 
</iframe> 
</div> 

.google-maps { 
    position: relative; 
    padding-bottom: 77.4%; 
    height: 0; 
    overflow: hidden; 
}

我只是想表明只有30地图的大小％。我如何存档？

来源

2017-04-07 Janath

因为您使用“padding-bottom：77.4％;”，您正在获取空白区域。只要使用身高：30％;.

来源

2017-04-07 07:43:10 Smokinggunz

你也可以使用heigth：30vh;它占用用户设备屏幕高度的30％。 – Nieck

啊我没注意到。谢谢！ – Janath

谷歌地图iframe集高度？

回答

相关问题