Question

当您使浏览器变小时，有没有人知道自动调整iframe大小的方法？

Answer 1

您可以将处理程序附加到window.onresize事件，然后适当调整IFRAME的大小。

我更喜欢jQuery：

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

});

Answer 2

一种选择是以百分比形式指定<iframe>大小。

Answer 3

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

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

Answer 4

你也可以使用this。

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

Answer 5

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

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