Html 引导响应iframe不调整大小

我正在使用bootstrap框架开发一个响应性的web页面，并且我想放置一个响应性的iframe

bootstrap文档说我可以使用

<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="…"></iframe>
</div>

结果是iframe的容器（类为“embed responsive…”的div）是响应的。这将根据分辨率选择正确的宽度和高度。但是iframe溢出，因为它没有调整大小

---

如何调整iframe的大小以精确填充div？

我也遇到了这个问题。我找到了一个有点骇客的解决方案。在iframe部分：

宽度：100%

因此它应该看起来像：

<iframe class="embed-responsive-item" src="…" width="100%"></iframe>

我必须为我的身高设置一个固定值，因为iframe源没有响应

---

希望这会有所帮助。

我希望客户端可以在站点的任何位置添加嵌入式视频，而无需添加特殊标记或容器。这个jQuery函数使页面上的所有iFrame都能响应并处理视频，而无需更改任何CSS。默认纵横比为16:9，但如果要使用4:3视频或添加自己的纵横比（知道手机正在创建垂直视频内容），则可以更改纵横比

---

您可以使用boostrap来实现这一点，但这是一项非常简单的任务，您真的不需要任何框架来帮助您实现这一点。退房它不使用任何框架，并且是用本机javascript编写的。

这是什么浏览器？我在firefox中测试它，我想它是跨浏览器的。另外，我认为最新版本的Bootstrap解决了这个问题。

<iframe class="embed-responsive-item" src="…" width="100%"></iframe>