我的传单画布目前如下所示，高度为 700 像素：
但是我希望它的高度为 100%，以便占据整个空白区域。
height:100%在地图画布的 CSS 属性中不起作用。我找到了一些解决方案，但它们只适用于 Google 地图。
有没有人有解决方案，即使这只是一种解决方法？谢谢 ！
如何让传单地图画布具有 100% 的高度？
IT技术
javascript
html
css
leaflet
2021-03-06 09:50:05
2个回答
最好的方法是使用 CSS 长度单位vh和vw. 这些允许块级 HTML 元素具有相对于视口大小的维度，而不是其父元素的大小（就像%那样）。
例如：
#map {
width: 100vw;
height: 100vh;
}
供参考：https : //developer.mozilla.org/en-US/docs/Web/CSS/length
使用height: 100%确实有效，它只需要父容器也有一个大小（工作演示）：
html, body {
height: 100%;
}
#map {
width: 100%;
height: 100%;
}
其它你可能感兴趣的问题