如何让传单地图画布具有 100% 的高度？

Question

我的传单画布目前如下所示，高度为 700 像素：

不过我希望它的高度为 100%，以便占据整个空白区域。

height:100%在地图画布的 CSS 属性中不起作用。我找到了一些解决方案，但它们只适用于谷歌地图。

有没有人有解决方案，即使这只是一个解决方法？谢谢！

Answer 1

最好的方法是使用 CSS 长度单位vh和vw。这些允许块级 HTML 元素具有相对于视口大小的尺寸，而不是其父元素的大小（如前所述%）。

例如：

#map {
  width: 100vw;
  height: 100vh;
}