始终适合屏幕 - 100 vh无法在谷歌地图上工作

Question

嗨，大家好我很长时间处理有关100％屏幕高度图的一些问题。我的客户端安装了很多插件，它产生了许多类div和盒子，我几乎放弃了这个。每当有更多内容或内容推动内容时，我底部都会出现白色条带。 （https://powerspot.pl/＆lt; - 这是地址，这是屏幕截图 - ＆gt; http://prntscr.com/f1hhjk）。任何想法如何使地图始终完全适合屏幕没有白条或任何其他问题？

Answer 1

我建议使用弹性盒，在这种情况下它非常有用。点击这里link

html,
body,
.full-screen {
 height: 100%;
}
/* Parent of the map view */
.flex-container {
    display: flex;
 }
/* Map */
.map {
  flex: 1; /* Will stretch the container */
}