Javascript Mapbox服务的响应iframe

我需要你的帮助

我是一名哥伦比亚数据记者，对HTML、CSS和JS有一些基本的了解，但我一直在试图解决这个问题，几个小时都没有答案。我已经看了这里和其他论坛，但无法使它工作

我用Mapbox JS创建了这张地图，上面显示了哥伦比亚各州学士学位成绩的一些数据

这是我的Iframe

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

我想要的是让这张地图有响应性。我只对缩小地图的大小感兴趣，但要保持这个比例，就像我在youtube视频甚至谷歌地图上看到的那样，但遗憾的是，我不能在我的地图上重复同样的过程

你能帮我一下吗

---

提前感谢

您的问题非常模糊，您能展示一下您试图用代码做什么吗

---

调整iframe的大小不应影响比率。如果iframe正在正确调整大小，但其内部的映射没有正确调整大小，请尝试刷新该映射。

我也遇到了这个问题，并尝试了以下两种方法：

将meta name=“viewport”content=“width=device width，initial scale=1”添加到头部

在my div中为mobile和desktop添加列大小 div class=“.col-xs-4.col-lg-8”

它成功了

有关更多帮助，请参阅“混合移动和平板电脑”

---

p.S.stackoverflow不允许我包含大于和小于标志

对不起，团队，直到今天我才说出你的答案。谢谢你的帮助，我会记下来的。