響應式iframe for Mapbox服務

Question

我需要你幫忙。

我是哥倫比亞數據記者，他在HTML，CSS和JS上有一些基本的知識，但我一直試圖解決這個問題幾個小時沒有答案。我已經看過這裏和其他論壇，但無法使其工作。

我創造了這個地圖Mapbox JS，顯示在哥倫比亞

http://jsfiddle.net/camilomoreno/rcae1jpo/

這裏的所有狀態有關學士學位性能的一些數據是我的iFrame

<iframe src="http://camilomorenokuratomi.com/infographics/coleducacion/mapbox.html" height="600" width="900" scrolling="no"></iframe> 

我要的是使這個地圖響應。我只想縮小地圖的大小，但保持比例，就像我看過的YouTube視頻甚至谷歌地圖一樣，但遺憾的是我無法用我的地圖重複相同的過程。

你能幫我借一下嗎？

在此先感謝

Answer 1

我也陷入了這個問題太，並試圖這兩件事：

1. 加入META NAME =「視口」內容=「WIDTH =設備寬度，初始規模= 1」入目
2. 在我的div DIV類增加了對移動和桌面列大小= 「COL-XS-4 .COL-LG-8"

和它的工作...

看到」 混手機和平板電腦「 - http://getbootstrap.com/examples/grid/獲得更多幫助

P.S. stackoverflow不會允許我包括大於和小於標誌

Answer 2

你的問題很模糊，你可以展示你正在嘗試使用的代碼呢？

調整iframe的大小不應影響比例。如果發生iframe正確調整大小，但其內部的地圖不正確，請嘗試刷新該地圖。