地图自适应宽度问题

328 阅读1分钟

问题背景:

左侧菜单的折叠影响右侧容器的宽度大小,进而也影响了地图的大小,地图宽度不能自适应。出现如图问题:

image.png

解决方式:

在容器对应的类样式中,宽度调整为vw

image.png

image.png

然后就轻松解决啦!!!

总结:

CSS3 增加了基于可视区域百分比的长度单位 vw, vh, vmin, vmax。

vw 是相对于视口宽度百分比的单位