Javascript 当浏览器变小时，如何创建自动调整iframe大小？

是否有人知道在缩小浏览器时自动调整iframe大小的方法？？？

您可以将处理程序附加到

窗口。onresize

事件，然后适当调整iframe大小

我更喜欢jQuery：

$(window).resize(function() {
  $('IFRAME').width($(window).width());

});

---

一个选项是以百分比为单位指定

大小。

没有尝试过，但我想您可以使用百分比宽度而不是固定宽度。在这种情况下，您可能还应该添加最小宽度和高度，以避免其变得太小：

iframe
{
   width: 50%;
   height: 50%;
   min-width: 300px;
   min-height: 300px;
}

你也可以用

---

基本上，它在子页面中使用callResize（），在父页面中使用resizeIframe（）。

如果您想使用CSS媒体查询，也可以在不使用JavaScript的情况下执行此操作。请参见以下示例：

---

它们通常用于“响应性设计”。

我需要高度来自动调整Hey MK的可能副本-正是我需要的-谢谢：）检查这是最好的预览样本