如何从我的网站上响应的外部 url 制作 iframe？答案

【问题标题】：how do I make an iframe from an external url responsive on my site?如何从我的网站上响应的外部 url 制作 iframe？
【发布时间】：2015-02-24 22:45:27
【问题描述】：

我已经看到了有关视频的解决方案，但都没有奏效。我引入的 iframe 是房地产，虽然我的网站是响应式的，但 iframe 不是。我的网站是一个 Wordpress 网站。

这里是我现在的代码：

.property {
position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

.property iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

所以我在一个 div 中有一个 iframe，它有一个名为“property”的类。我的理解是 iframe 应该随着包装器 div 'property' 的宽度而扩展和收缩，但情况似乎并非如此。如果需要，我很乐意提供网址。

【问题讨论】：

添加后尝试 max-width: 100%;在“.property iframe”中
调整 iframe 元素本身的大小并不一定意味着其中的内容会自动执行相同的操作……
不，那没用。

标签： wordpress iframe

【解决方案1】：

Fitvid.js 确实适用于 iframe。 http://fitvidsjs.com/

<script>
  $(document).ready(function(){
    $("#selector").fitVids();
  });
</script>

你需要 jQuery 才能工作。把它放在你的<head> CSS 之后

【讨论】：

谢谢，我对 JQuery 不是很熟悉，我正在努力实现这一点。我已经阅读了 fitvids 网站上的注释，但它不起作用。
你的开发有链接吗？基本上你需要有 jQuery、fitvids 和 fitvids 函数调用。
请原谅我的新手，非常感谢您的帮助。我已经下载了 fitvids js 并上传到我的根目录。我已经使用了 Google 的 jquery 源代码。我把它放在我的标题中。
如果这在某处在线会更好。请使用代码编辑您的问题。

【解决方案2】：

我从来没有找到我想要的解决方案，我确信 fitvids 可以工作，但我对 JQuery 的了解不足以实现它。但是，我确实从另一个来源为 iframe 选择了不同的提要，并且它可以工作（调整大小）。谢谢大家的建议。

【讨论】：