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>