diff --git a/packages/components/guide/guide.tsx b/packages/components/guide/guide.tsx
index 6b7fb5c3ae..e9ae8a92ee 100644
--- a/packages/components/guide/guide.tsx
+++ b/packages/components/guide/guide.tsx
@@ -6,7 +6,7 @@ import { TdGuideProps, GuideStep } from './type';
 import { scrollToParentVisibleArea, getRelativePosition, getTargetElm, scrollToElm } from './utils';
 import setStyle from '@tdesign/common-js/utils/setStyle';
 import { addClass, removeClass, isFixed, getWindowScroll } from '@tdesign/shared-utils';
-import { useVModel, useConfig, useTNodeJSX, usePrefixClass } from '@tdesign/shared-hooks';
+import { useVModel, useConfig, useTNodeJSX, usePrefixClass, useResize } from '@tdesign/shared-hooks';
 
 import Button from '../button';
 import Popup, { PopupProps } from '../popup';
@@ -182,6 +182,11 @@ export default defineComponent({
       popupVisible.value = true;
     };
 
+    useResize(() => {
+      if (!popupVisible.value) return;
+      showGuide();
+    }, document.body);
+
     const destroyGuide = () => {
       destroyTooltipElm();
       destroyDialogTooltipElm();