diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index dd867d6e6c6786a52cbc6a6679b4c4db519e87cd..133ec0c0ab06ccfe3fc19a3646efcf211f0233af 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -103,7 +103,7 @@ export default {
       // 图片
       const imageRender = md.renderer.rules.image;
       md.renderer.rules.image = (...args) => {
-        const el = `<div class="img-expand"><div class="img-expand-btn"></div><div class="img-mask"></div>${imageRender!!(...args)}</div>`;
+        const el = `<span class="img-expand"><span class="img-expand-btn"></span><span class="img-mask"></span>${imageRender!!(...args)}</span>`;
         return el;
       };
     },
diff --git a/docs/.vitepress/src/assets/style/markdown.scss b/docs/.vitepress/src/assets/style/markdown.scss
index eea24d8da136d4fa2c2f869b7a17a41f7d8f1238..e4b432b66db759f052697a59d1103093b26775a9 100644
--- a/docs/.vitepress/src/assets/style/markdown.scss
+++ b/docs/.vitepress/src/assets/style/markdown.scss
@@ -154,6 +154,7 @@
 
   img {
     max-width: min(920px, 100%);
+    min-height: 56px;
     border-radius: var(--o-radius-xs);
     margin: 0 auto;
     background-color: transparent;
@@ -182,6 +183,7 @@
       padding: 0;
       margin-left: 0;
       background-color: transparent;
+      min-height: 0;
     }
 
     .img-expand {
@@ -349,7 +351,7 @@
       border: 1px solid rgba(var(--o-black), 0.1);
       border-radius: var(--o-radius-xs);
       opacity: 0;
-      z-index: 2;
+      z-index: 1;
       top: 20px;
       right: 20px;
       transition: all var(--o-duration-m1) var(--o-easing-standard-in);
@@ -378,7 +380,7 @@
       border: 1px solid rgba(var(--o-black), 0.1);
       opacity: 0;
       border-radius: var(--o-radius-xs);
-      z-index: 1;
+      z-index: 2;
       transition: all var(--o-duration-m1) var(--o-easing-standard-in);
     }
 
diff --git a/docs/.vitepress/src/components/ImgZoomDrag.vue b/docs/.vitepress/src/components/ImgZoomDrag.vue
index d5e61655b3874b3f56ab15a4814412136b5a3b47..7b8eb2625b9d555ac8cfe899529dfa8bf75c2e44 100644
--- a/docs/.vitepress/src/components/ImgZoomDrag.vue
+++ b/docs/.vitepress/src/components/ImgZoomDrag.vue
@@ -20,7 +20,7 @@ const props = defineProps({
 const minScale = 1;
 const maxScale = 3;
 const wheelRatio = 0.1;
-const scale = ref<number>(1);
+const scale = ref<number>(1.5);
 
 const left = ref<number>(0);
 const top = ref<number>(0);
@@ -41,8 +41,8 @@ const state = reactive({
 });
 
 const zoomBoxStyle = ref({
-  width: props.width,
-  height: props.height,
+  width: Math.round(props.width * scale.value),
+  height: Math.round(props.height * scale.value),
   left: 0,
   top: 0,
 });
@@ -168,7 +168,7 @@ onUnmounted(() => {
 <style lang="scss" scoped>
 .zoom-box {
   max-width: calc(100vw - 100px);
-  max-height: calc(100vh - 160px);
+  max-height: calc(100vh - 200px);
   background-color: var(--o-color-fill2);
   height: auto;
   margin: 0 auto;
diff --git a/docs/.vitepress/src/layouts/LayoutDoc.vue b/docs/.vitepress/src/layouts/LayoutDoc.vue
index d35b4d351704778212bd3d9b74f7de51c5775ea3..cf65afd13e83dd96d4d58dbff6fcc13fe503f5dc 100644
--- a/docs/.vitepress/src/layouts/LayoutDoc.vue
+++ b/docs/.vitepress/src/layouts/LayoutDoc.vue
@@ -403,7 +403,7 @@ const bindImageZoom = (img: HTMLImageElement) => {
   if (img.naturalWidth < 200) {
     img.parentElement?.classList.add('img-expand-not');
   } else {
-    const btn = img.parentElement?.querySelector<HTMLElement>('.img-expand-btn');
+    const btn = img.parentElement?.querySelector<HTMLElement>('.img-mask');
     btn?.addEventListener('click', () => {
       zoomWidth.value = img.naturalWidth;
       zoomHeight.value = img.naturalHeight;