Html 响应式iFrame

我正在努力获得一个反应迅速的iframe，但到目前为止什么都没有。。 我使用以下css和html。提前谢谢

.testme_容器{ 位置：相对位置； 身高：0； 溢出：隐藏； } .testme_容器-16x9{ 垫底：56.25%； } .testme_容器-4x3{ 垫底：75%； } .testme_容器iframe{ 位置：绝对位置； 排名：0； 左：0； 宽度：100%； 身高：100%； }

---

你能试着详细解释一下你想要达到的目标吗

我试过你的代码，从你的CSS类16x9，4x3的名称判断，它似乎工作得很好，但是，你必须使用不同的URL来测试它：

<div class="testme_container testme_container-4x3">
      <iframe src="http://www.w3schools.com/" allowfullscreen></iframe>
</div>

---

www.gmail.com没有出现的原因是，谷歌不允许它显示在iframe中。如果您查看JSFIDLE，您会看到，除了链接之外，我没有对代码做任何更改，我添加了testme_container-4x3类。

此JavaScript函数依赖于jQuery使页面上的所有iFrame响应。它处理视频嵌入，以保持其纵横比，而无需额外的垂直或水平边距，但您需要确定将在嵌入视频中使用的纵横比

---

实际上，您可以在本机javascript中执行此操作，而无需依赖jQuery或其他框架/库。很抱歉，到目前为止，没有什么不是很好的问题描述。你能具体说明你想要达到的目标和结果吗？我想我已经做到了。。试图实现响应性iframe。。但不幸的是，这不起作用。。你希望得到什么样的描述。。如果运行该代码段，您将看到什么也没有发生…：让我知道怎样才能更好地解决我的问题，我一定会：谢谢！但我放置gmail只是为了证明我的观点，并不是说我会使用那个链接。。当我尝试使用不同的链接时，效果并不理想。。无论如何，我想在一个网站上放置一个iframe，它可以响应。无边框无需滚动，如果你通过平板电脑、手机或不同分辨率观看，等等。你是说主页的滚动条还是iframe的滚动条？如果您谈论的是主页的滚动条，那么您的思路是正确的。不幸的是，调整iframe内容的大小以适应其大小有点复杂，我甚至不确定是否可以完成。哦哦哦哦哦哦哦哦哦哦哦，现在我明白了。。。不管怎么说，伙计们，我觉得我太蠢了。。iframe是响应性的，但我想我也可以干扰我将在iframe中使用的网站内容。。。PFFFffffffff！！！抱歉浪费你们的时间：P谢谢