通過HTTP服務器提供的小jvectormap高度

-1

我想在本地測試我的jvectormap。以前我只是直接通過瀏覽器訪問HTML文件。我最近轉向使用HTTP服務器來提供文件，但現在地圖顯示的高度非常小。奇怪的是，如果我調整瀏覽器的大小（更大或更小），地圖會變得越來越大（似乎不會停止擴展）。最初渲染時的地圖高度爲54px。通過HTTP服務器提供的小jvectormap高度

設置height我定義的包含地圖的div屬性以及.jvectormap-container div沒有幫助。它增加了背景大小，但不是實際地圖的大小。這是<svg>標籤中的高度，這實際上是導致我遇到此問題的原因。

當我通過文件直接訪問網站時，它呈現正常。當我做「查看源代碼」並通過HTTP服務器訪問所有文件時，它們也很好看。在JS控制檯中沒有錯誤。我在多個瀏覽器上遇到同樣的問題。

這裏是我的身體的html：

<body> 
    <div id="world-map" style="position: absolute; top: 0; right: 0; bottom: 0; left: 0;"></div> 
    <script src="main.js"></script> 
</body>

而main.js包含

var mapDiv = $('#world-map'); 
mapDiv.vectorMap();

來源

2015-04-17 Will Sewell

您的CSS是在頁面上還是在單獨的文件中？ –

我現在正在使用'style'屬性定義我自己的CSS。但是jvectormap自帶的CSS就在它自己的文件中。 –

所以它在頁面上？ –

的問題是，HTTP服務器是使用不正確MIME的JS文件響應。

知道爲什麼會導致這個特定問題會很有趣。

來源

2015-04-19 10:06:22

通過HTTP服務器提供的小jvectormap高度

回答

相關問題