如何在引导程序上做 OpenLayers 地图高度 100%答案

【问题标题】：How to do OpenLayers map height 100% on bootstrap如何在引导程序上做 OpenLayers 地图高度 100%
【发布时间】：2014-08-13 08:34:20
【问题描述】：

我想要100%的高度。

    <div class="container-fluid">
        <div class="row">
            <div id="map" 
              style="width: 100%; height: 300px; border: 1px solid #ccc;">
            </div>
        </div>
    </div>

工作代码是here。像素大小适用于高度，但 persentage(%) 大小不起作用。

【问题讨论】：

我不太清楚你的意思，但是如果你想调整地图在宽度/高度方面的显示方式，请查看在 OpenLayers 中设置 maxExtent。

标签： twitter-bootstrap map openlayers

【解决方案1】：

您可以尝试固定位置或绝对位置。

<div id="map" 
     style="width: 100%; height: 100%; position:fixed">
</div>

【讨论】：

position:fixed 对我不起作用，但 position:absolute 成功了