C# WinForm中WebBrowser内嵌IFrame无法随窗口尺寸自适应的问题

我之前也踩过这个坑！WinForms的WebBrowser控件对内嵌iframe的resize事件感知确实有点迟钝——你靠锚定让WebBrowser跟着窗口同步缩放没问题，但iframe根本没收到尺寸变化的信号，所以里面的响应式页面自然不会调整布局，而单独打开网站时浏览器会正常触发resize，所以自适应就正常了。

给你几个亲测有效的解决办法：

1. 手动触发iframe的Resize事件 #

监听WebBrowser的SizeChanged事件，每次控件尺寸变化时，主动给iframe里的页面发送resize事件，强制它执行自适应逻辑。

首先在窗体的Load事件或者构造函数里绑定事件：

webBrowser1.SizeChanged += WebBrowser1_SizeChanged;

然后实现事件处理方法：

private void WebBrowser1_SizeChanged(object sender, EventArgs e)
{
    // 确保WebBrowser已加载文档，且存在目标iframe
    if (webBrowser1.Document == null || webBrowser1.Document.Window.Frames.Count == 0)
        return;

    // 定位目标iframe：这里用索引0，你可以换成iframe的name，比如Frames["myIframe"]
    var targetIframe = webBrowser1.Document.Window.Frames[0];
    
    // 执行JavaScript触发resize事件
    targetIframe.Document.InvokeScript("eval", new object[] { 
        "window.dispatchEvent(new Event('resize'));" 
    });
}

这个方法的核心是模拟浏览器窗口变化时的resize事件，让iframe里的响应式CSS/JS逻辑跑起来。

2. 强制WebBrowser使用现代IE文档模式 #

默认情况下，WinForms的WebBrowser控件会用旧版本的IE渲染引擎，而老IE对响应式布局的支持很差，就算触发了resize事件也可能不生效。你可以通过配置让它用IE11模式：

在你的项目的app.config文件里添加以下配置：

<configuration>
  <runtime>
    <AppContextSwitchOverrides value="Switch.System.Windows.Forms.DoNotLoadLatestWebBrowserControl=false" />
  </runtime>
  <system.web>
    <browserCaps>
      <case match="IE">
        browser=IE
        version=11.0
      </case>
    </browserCaps>
  </system.web>
</configuration>

这一步很重要，很多时候响应式失效都是因为老IE引擎不支持媒体查询或者新的JS API。

3. 确保iframe加载完成后再操作 #

有时候WebBrowser还没加载完iframe，就触发了SizeChanged事件，这时候操作iframe会报错。可以加个标记判断iframe是否加载完成：

private bool _isIframeLoaded = false;

private void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
{
    // 验证是否是目标iframe的加载完成事件
    var targetIframe = webBrowser1.Document.Window.Frames[0];
    if (e.Url.Equals(targetIframe.Url))
    {
        _isIframeLoaded = true;
        // 首次加载完成后主动触发一次resize，确保布局正确
        WebBrowser1_SizeChanged(sender, EventArgs.Empty);
    }
}

然后在WebBrowser1_SizeChanged方法开头加上if (!_isIframeLoaded) return;即可。

按这个流程走，基本就能解决你的问题了——先确保浏览器引擎是现代的，再主动触发resize事件，完美适配窗口缩放。

内容的提问来源于stack exchange，提问作者Gil