用于 Mapbox 服务的响应式 iframe
Responsive iframe for Mapbox service
我需要你的帮助。
我是一名哥伦比亚数据记者，对 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 视频甚至 google 地图上看到的那样，但遗憾的是我无法用我的地图重复相同的过程。
你能帮我一下吗？
提前致谢
你的问题很含糊，你能展示一下你想用代码做什么吗？
调整 iframe 的大小不应影响比率。如果 iframe 正在正确调整大小但其中的地图没有正确调整大小，请尝试刷新该地图。
我也 运行 陷入这个问题，并尝试了以下两种方法：
- 添加元名称="viewport" 内容="width=device-width, initial-scale=1" 到头部
- 在我的 div 中添加移动和桌面的列大小
div class=".col-xs-4 .col-lg-8"
它奏效了...
请参阅 "mixed mobile and tablet" - http://getbootstrap.com/examples/grid/ 以获得更多帮助
P.S。 Whosebug 不允许我包含大于号和小于号
我需要你的帮助。
我是一名哥伦比亚数据记者，对 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 视频甚至 google 地图上看到的那样，但遗憾的是我无法用我的地图重复相同的过程。
你能帮我一下吗？
提前致谢
你的问题很含糊，你能展示一下你想用代码做什么吗？
调整 iframe 的大小不应影响比率。如果 iframe 正在正确调整大小但其中的地图没有正确调整大小，请尝试刷新该地图。
我也 运行 陷入这个问题，并尝试了以下两种方法：
- 添加元名称="viewport" 内容="width=device-width, initial-scale=1" 到头部
- 在我的 div 中添加移动和桌面的列大小 div class=".col-xs-4 .col-lg-8"
它奏效了...
请参阅 "mixed mobile and tablet" - http://getbootstrap.com/examples/grid/ 以获得更多帮助
P.S。 Whosebug 不允许我包含大于号和小于号