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

Question

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

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

谢谢！

Answer 1

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

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

我将最小宽度设置为320px，因为它与移动设备一样小。

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
}