diff --git a/App.vue b/App.vue
index 9508cda..1ca534c 100644
--- a/App.vue
+++ b/App.vue
@@ -2,17 +2,44 @@
 export default {
   onLaunch: function() {
     console.log('App Launch')
+    // 禁用 iOS Safari 双击缩放
+    this.disableDoubleTapZoom()
   },
   onShow: function() {
     console.log('App Show')
   },
   onHide: function() {
     console.log('App Hide')
+  },
+  methods: {
+    disableDoubleTapZoom() {
+      // #ifdef H5
+      let lastTouchEnd = 0
+      document.documentElement.addEventListener('touchstart', function(event) {
+        if (event.touches.length > 1) {
+          event.preventDefault()
+        }
+      }, { passive: false })
+      
+      document.documentElement.addEventListener('touchend', function(event) {
+        const now = Date.now()
+        if (now - lastTouchEnd <= 300) {
+          event.preventDefault()
+        }
+        lastTouchEnd = now
+      }, { passive: false })
+      
+      // 禁用手势缩放
+      document.documentElement.addEventListener('gesturestart', function(event) {
+        event.preventDefault()
+      }, { passive: false })
+      // #endif
+    }
   }
 }
 </script>
 
 <style>
-/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
-@import "common/common.css";
+/* 注意要写在第一行，同时给style标签加入lang=scss属性 */
+@import common/common.css;
 </style>
diff --git a/common/common.css b/common/common.css
index 20ff13e..8bde1fc 100644
--- a/common/common.css
+++ b/common/common.css
@@ -28,3 +28,14 @@ button::after {
 input {
   outline: none;
 }
+
+/* 防止 iOS Safari 双击缩放 */
+button, .control-btn, [class*="btn"] {
+  touch-action: manipulation;
+  -webkit-tap-highlight-color: transparent;
+}
+
+/* 全局禁用双击缩放 */
+html {
+  touch-action: manipulation;
+}
diff --git a/index.html b/index.html
index 9d0aeff..57f643c 100644
--- a/index.html
+++ b/index.html
@@ -3,15 +3,39 @@
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <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>
     <link rel="stylesheet" href="<%= BASE_URL %>static/index.<%= VUE_APP_INDEX_CSS_HASH %>.css" />
+    <style>
+      * {
+        touch-action: manipulation;
+        -webkit-touch-callout: none;
+        -webkit-tap-highlight-color: transparent;
+      }
+    </style>
+    <script>
+      // 禁用 iOS Safari 双击缩放
+      (function() {
+        var lastTouchEnd = 0;
+        document.addEventListener('touchend', function(event) {
+          var now = Date.now();
+          if (now - lastTouchEnd <= 300) {
+            event.preventDefault();
+          }
+          lastTouchEnd = now;
+        }, { passive: false });
+        
+        // 禁用双击缩放
+        document.addEventListener('dblclick', function(event) {
+          event.preventDefault();
+        }, { passive: false });
+      })();
+    </script>
   </head>
   <body>
     <noscript>
       <strong>请开启JavaScript运行本应用</strong>
     </noscript>
     <div id="app"></div>
-    <!-- built files will be auto injected -->
   </body>
 </html>
diff --git a/pages/modify-score/modify-score.vue b/pages/modify-score/modify-score.vue
index 657e462..b12e37f 100644
--- a/pages/modify-score/modify-score.vue
+++ b/pages/modify-score/modify-score.vue
@@ -50,7 +50,7 @@
       </view>
 
       <view class="score-control">
-        <view class="control-btn decrease" @click="decreaseScore">
+        <view class="control-btn decrease" @touchstart.prevent="decreaseScore" @click.prevent="decreaseScore">
           <text class="btn-symbol">－</text>
           <text class="btn-value">-0.001</text>
         </view>
@@ -60,7 +60,7 @@
           <text class="no-modify-text">可不改</text>
         </view>
 
-        <view class="control-btn increase" @click="increaseScore">
+        <view class="control-btn increase" @touchstart.prevent="increaseScore" @click.prevent="increaseScore">
           <text class="btn-symbol">＋</text>
           <text class="btn-value">+0.001</text>
         </view>
@@ -459,6 +459,10 @@ export default {
 }
 
 .control-btn {
+  touch-action: manipulation;
+  -webkit-tap-highlight-color: transparent;
+  user-select: none;
+  -webkit-user-select: none;
   width: 140rpx;
   height: 140rpx;
   display: flex;
diff --git a/pages/score-list-multi/score-list-multi.vue b/pages/score-list-multi/score-list-multi.vue
index 666bee9..9e6bc19 100644
--- a/pages/score-list-multi/score-list-multi.vue
+++ b/pages/score-list-multi/score-list-multi.vue
@@ -389,6 +389,8 @@ export default {
   position: relative;
   white-space: nowrap;
   flex-shrink: 0;
+  touch-action: manipulation;
+  -webkit-tap-highlight-color: transparent;
 }
 
 .venue-tab.active {
@@ -441,6 +443,8 @@ export default {
   color: #666666;
   white-space: nowrap;
   flex-shrink: 0;
+  touch-action: manipulation;
+  -webkit-tap-highlight-color: transparent;
 }
 
 .project-btn.active {
@@ -527,6 +531,8 @@ export default {
   font-size: 28rpx;
   color: #FFFFFF;
   font-weight: 500;
+  touch-action: manipulation;
+  -webkit-tap-highlight-color: transparent;
 }
 
 .modify-btn:active {
