javascript - jVectorMap 高度 :% does not work

Question

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

当我指定以下内容时:

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

map 显示如下:

宽度属性似乎可以正常工作，但高度属性却不能。当我调整窗口大小时，宽度会正确缩放，而无论我是放大还是缩小图像，高度似乎都在不断增加。

如何使用百分比使 map 以指定比例显示？

Answer 1

在你的 CSS 中试试这个:

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

将 head 元素的高度设置为 100% 设置 map 高度的定义。