diff --git a/site/mobile/app.vue b/site/mobile/app.vue
index ec54a8dc7..ac18fd7a8 100644
--- a/site/mobile/app.vue
+++ b/site/mobile/app.vue
@@ -1,5 +1,5 @@
 <template>
-  <div @touchstart.stop>
+  <div @touchstart.stop class="tdesign-demo-page">
     <tdesign-header />
     <div class="tdesign-demo-main">
       <router-view />
diff --git a/site/styles/mobile/demo.less b/site/styles/mobile/demo.less
index a5a702eda..ef98f378e 100644
--- a/site/styles/mobile/demo.less
+++ b/site/styles/mobile/demo.less
@@ -2,6 +2,7 @@
   background-color: #f6f6f6;
   font-family: "PingFang SC";
   padding-bottom: 28px;
+  box-sizing: border-box;
 
   .title {
     font-size: 24px;
diff --git a/site/styles/mobile/index.less b/site/styles/mobile/index.less
index 65cb4e8cc..b5462c5cd 100644
--- a/site/styles/mobile/index.less
+++ b/site/styles/mobile/index.less
@@ -12,10 +12,21 @@ body {
   z-index: 0;
 }
 
+.tdesign-demo-page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  overflow: hidden;
+}
+
+.tdesign-demo-main {
+  flex: 1;
+  overflow-y: scroll;
+}
+
 .tdesign-mobile-home {
   box-sizing: border-box;
   width: 100%;
-  min-height: 100vh;
   padding: 24px;
   & p{
     padding-top:16px;
diff --git a/src/fab/demos/mobile.vue b/src/fab/demos/mobile.vue
index f94549d57..e24c57150 100644
--- a/src/fab/demos/mobile.vue
+++ b/src/fab/demos/mobile.vue
@@ -31,7 +31,7 @@ const btnProps = {
 <style lang="less" scoped>
 .tdesign-mobile-demo {
   background-color: #fff;
-  min-height: 100vh;
+  min-height: 100%;
   box-sizing: border-box;
 }
 </style>
diff --git a/src/image-viewer/demos/mobile.vue b/src/image-viewer/demos/mobile.vue
index 7ca24ab89..ce082218b 100644
--- a/src/image-viewer/demos/mobile.vue
+++ b/src/image-viewer/demos/mobile.vue
@@ -18,6 +18,6 @@ import operationDemo from './operation.vue';
 <style scoped>
 .tdesign-mobile-demo {
   background-color: #fff;
-  min-height: 100vh;
+  min-height: 100%;
 }
 </style>