diff --git a/index.html b/index.html
index b2b54e0a..ddc55436 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,30 @@
   <meta name="force-rendering" content="webkit" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <link rel="icon" href="<%- BASE_URL %>favicon.ico" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  
+  <!-- Mobile Viewport Meta Tags -->
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0, user-scalable=yes, viewport-fit=cover" />
+  
+  <!-- Mobile Web App Capable -->
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+  <meta name="apple-mobile-web-app-title" content="Fabric Editor" />
+  
+  <!-- Mobile Theme Color -->
+  <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)" />
+  <meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)" />
+  
+  <!-- Mobile Touch Icons -->
+  <link rel="apple-touch-icon" sizes="180x180" href="<%- BASE_URL %>favicon.ico" />
+  <link rel="apple-touch-icon" sizes="152x152" href="<%- BASE_URL %>favicon.ico" />
+  <link rel="apple-touch-icon" sizes="120x120" href="<%- BASE_URL %>favicon.ico" />
+  
+  <!-- Prevent Mobile Safari Formatting -->
+  <meta name="format-detection" content="telephone=no" />
+  <meta name="format-detection" content="date=no" />
+  <meta name="format-detection" content="address=no" />
+  <meta name="format-detection" content="email=no" />
   <title><%- APP_TITLE %></title>
   <meta name="keywords"
     content="开源在线设计工具,开源图片编辑器,图片编辑,fabric.js图片编辑器,Vue图片编辑器, 海报编辑开源工具, js图片编辑器, 快图设计, vue-fabric-editor" />