diff --git a/index.html b/index.html
index 882e4bb..73a7c72 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, viewport-fit=cover">
     <title>西岛餐卷</title>
   </head>
   <body>
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index 279cbf7..a00d0d3 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -105,25 +105,23 @@ onMounted(() => {
 <style lang="less" scoped>
 .container {
   width: 100%;
-  height: 100vh;
+  height: 100%;
   background-image: url('@/assets/yybg.png');
   background-size: 100% 100%;
   background-repeat: no-repeat;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-
+  position: fixed;
+  top: 0;
+  left: 0;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
 }
 
 .page {
-  height: 100vh;
+  min-height: 100%;
   padding: 31px;
   display: flex;
   flex-direction: column;
   align-items: center;
-  justify-content: center;
-
 }
 
 .van-field {
diff --git a/src/pages/reservation/index.vue b/src/pages/reservation/index.vue
index e812700..7f44510 100644
--- a/src/pages/reservation/index.vue
+++ b/src/pages/reservation/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="container">
     <div class="page">
-      <div style="margin-top: 350px;">
+      <div style="margin-top: 200px;">
 
         <van-field v-model="userName" clearable placeholder="请输入姓名">
           <template #label>
@@ -73,9 +73,9 @@
 
 
       </div>
-      <van-button v-if="userName && appointDate && num" @click="confirmYuyue" style="width: 92%;margin-top: 30px;"
+      <van-button v-if="userName && appointDate && num" @click="confirmYuyue" style="width: 92%;margin-top: 30px;min-height: 40px;"
         color="#1936C9">确认预约</van-button>
-      <van-button v-else color="#464646" style="width: 92%;margin-top: 30px;">确认预约</van-button>
+      <van-button v-else color="#464646" style="width: 92%;margin-top: 30px;min-height: 40px;">确认预约</van-button>
       <div style="margin-top: 20px;color: #959595; font-size: 14px;">
         到预约时间未消费则餐券作废
       </div>
@@ -250,32 +250,31 @@ onMounted(async () => {
 <style lang="less" scoped>
 .container {
   width: 100%;
-
+  height: 100%;
   background-image: url('@/assets/bg2.png');
   background-size: 100% 100%;
   background-repeat: no-repeat;
+  position: fixed;
+  top: 0;
+  left: 0;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.page {
+  min-height: 100%;
+  padding:  0 31px 0 31px;
   display: flex;
   flex-direction: column;
   align-items: center;
-  justify-content: center;
-
 }
+
 .ts {
  /deep/ .van-cell__title{
 margin-right: 80px;
  }
 }
 
-.page {
-  height: 100vh;
-  padding: 31px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-
-}
-
 .van-field {
   width: 800px;
   background: none;
diff --git a/src/style.css b/src/style.css
index b51986b..ebd27b8 100644
--- a/src/style.css
+++ b/src/style.css
@@ -30,7 +30,10 @@ html,
 body {
   width: 100%;
   height: 100%;
-  overflow: inherit;
+  position: fixed;
+  top: 0;
+  left: 0;
+  overflow: auto;
 }
 #app {
 
@@ -38,6 +41,9 @@ body {
   color: #2c3e50;
   font-size: 16px;
   font-weight: Regular;
+  height: 100%;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
 }
 
 h1 {
