iframe - 如果您无法控制父级，您可以制作响应式 iframe 吗？

Question

我一直在尝试寻找创建响应式 iFrame 的解决方案。我找到了很多解决方案，但它们通常描述了想要嵌入 iFrame 的人可以控制父页面的情况。

如果我提供嵌入代码，允许人们通过 iFrame 将某个网页嵌入到他们自己的页面中，我应该如何做到这一点并确保它是响应式的，而不知道它将嵌入的父页面？换句话说，我可以设法从 iFrame 本身的代码中实现这一点吗？

谢谢！

Answer 1

我想你可以在技术上使 iframe 响应.. 但如果你指向的网站没有响应，我只是不明白这一点。这是一个例子：http: //jsfiddle.net/uMbWP/1/

调整右下角的框架宽度以查看。

我将最小宽度设置为 320 像素，因为这与移动设备通常一样小。

HTML：

<div class="wrap">
<iframe src="http://www.reddit.com"></iframe>
</div>

CSS：

.wrap {
    min-height:640px;
    min-width:320px;
}

iframe {
    width:100%;
    height:640px
}