当你缩小浏览器时，如何创建自动调整iframe大小

How do you create auto resizing a iframe when you make your browser smaller?

本文关键字：创建 调整 大小 iframe 浏览器 缩小 何创建 当你      更新时间：2023-09-26

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

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

我更喜欢jQuery:

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

一个选项是以百分比为单位指定<iframe>大小。

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

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

您也可以使用它。

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

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

http://ie.microsoft.com/testdrive/HTML5/CSS3MediaQueries/Default.html

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

相关文章：