jVectorMap地图高度：％不起作用

Question

我正在使用此库：http://jvectormap.com/为我的网站创建地图。我试图通过style属性将地图的宽度和高度设置为100％，以使地图以全屏幕大小显示。

当我指定以下内容：

<div id="map1" style="width: 100%; height: 100%"></div> 

地图显示如下：

宽度属性出现正常工作，但是高度属性没有。当我调整窗口大小时，宽度可以正确缩放，而无论我向上还是向下缩放图像，高度都会不断缩放。

我怎样才能使地图显示与使用百分比指定的规模有多大？

Answer 1

试试这个在你的CSS：

head { 
    height:100%; 
} 
#map1 { 
    position:absolute; 
    height:100%; 
} 

设置头元素的高度为100％设置地图的高度将是什么的定义。

Answer 2

您也可以尝试使用VH而非％

<div id="map1" style="width: 100%; height: 100vh"></div>