Autodesk Forge Viewer横向窗口调整时无法自适应尺寸问题咨询

临时解决办法 #

• 监听窗口resize事件，手动触发Viewer的尺寸更新：

  window.addEventListener('resize', () => {
    // 确保Viewer实例已初始化
    if (viewer && viewer instanceof Autodesk.Viewing.GuiViewer3D) {
      // 强制更新Viewer尺寸
      viewer.resize();
      // 重置相机视口，消除裁剪残留
      viewer.getCamera().resize();
    }
  });
  

• 确保Viewer容器的CSS宽度设置为100%，比如：

  #forgeViewer {
    width: 100%;
    height: 100vh;
    margin: 0;
    padding: 0;
  }
  

  避免容器本身被固定宽度限制，导致无法随窗口横向变化。

官方补丁状态 #

Autodesk官方已确认这是Viewer处理横向尺寸变更的共性问题，相关修复已纳入排期，预计在2025.x系列的Viewer版本中推送，可通过官方版本更新日志追踪进度。

额外优化建议 #

• 为resize事件添加防抖处理，避免频繁触发更新影响性能：

  let resizeTimeout;
  window.addEventListener('resize', () => {
    clearTimeout(resizeTimeout);
    resizeTimeout = setTimeout(() => {
      if (viewer) {
        viewer.resize();
        viewer.getCamera().resize();
      }
    }, 100);
  });
  

• 排查自定义CSS是否有覆盖Viewer容器宽度的规则，比如width: 固定值这类设置会阻断自适应逻辑。

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