如果您无法控制父级，您可以制作响应式 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
}