自舉中的尺寸傳單地圖

我一直在試圖將我的傳單地圖的高度更改爲引導程序內部的百分比，但每次我都不會繪製地圖。因此，我總是必須回覆到px值。我很確定它是一個簡單的設置，因爲我是一個CSS新手，所以我失蹤了。這是我的CSS。自舉中的尺寸傳單地圖

<style type="text/css"> 
    body { 
    padding-top: 60px; 
    padding-bottom: 40px; 
    } 
    #map { 
    height: 75%; 
    } 
</style>

來源

2013-06-02 njackson.gis

上的[GIS StackExchange網站]的工作答案（http://gis.stackexchange.com/questions/62491/sizing-leaflet-map-inside-bootstrap） – JasonRDalton

嘗試添加height屬性body或父容器。

來源

2013-06-02 18:12:27 0sh

除了將地圖div的高度屬性設置爲100％，您可能需要實施this以確保地圖在調整大小時填充div。

來源

2013-06-02 21:27:38 TankofVines

CCS

#map 
{ 
    width: 100px; 
    height:100px; 
    min-height: 100%; 
    min-width: 100%; 
    display: block; 
} 

html, body 
{ 
    height: 100%; 
} 

.fill 
{ 
    min-height: 100%; 
    height: 100%; 
    width: 100%; 
    min-width: 100%; 
}

HTML

<div class="container fill"> 
    <div id="map"> 

    </div> 
</div>

來源

2013-06-03 15:33:44

爲什麼設置最小高度和最小寬度（如果它們的寬度和高度是固定的）？ –

body { 
    padding: 0; 
    margin: 0; 
} 
html, body, #map, .row-fluid{ 
    height: 100%; 
} 

#map { 
    width: 100%; 
} 

.height-css 
{ 
    height: 100%; 
}

你的HTML將

<div class="container-fluid"> 
    <div class="row-fluid"> 
    <div class="span12 height-css"> 
     <div id="map"></div> 
    </div> 
    </div> 
</div>

來源

2013-06-06 08:28:28

隨着在Github從項目Bootleaf CSS：

html,body, #map{ 
    height:100%; 
    width: 100%; 
overflow: hidden; 
} 
body { 
    padding-top: 50px;

來源

2014-04-02 04:58:02

自舉中的尺寸傳單地圖

回答

相關問題