diff --git a/index.css b/index.css
index 3e422da2..25c45deb 100644
--- a/index.css
+++ b/index.css
@@ -83,3 +83,22 @@
     opacity: 1;
   }
 }
+
+/* 小屏处理 0~1000*/
+.mobile-terminal {
+  display: none;
+}
+@media (max-width: 1000px) {
+  #app {
+    display: none;
+  }
+  .mobile-terminal {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100vw;
+    height: 100vh;
+    font-size: 30px;
+    background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
+  }
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 01adc328..09b596fb 100644
--- a/index.html
+++ b/index.html
@@ -11,23 +11,6 @@
     <link rel="icon" href="./favicon.ico" />
     <title>GoView</title>
     <link rel="stylesheet" href="./index.css" />
-    <style>
-      /*0~1024*/
-      @media (max-width: 1024px) {
-        .mobile-terminal {
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          width: 100vw;
-          height: 100vh;
-          font-size: 30px;
-          background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
-        }
-        #app {
-          display: none;
-        }
-      }
-    </style>
   </head>
   <body>
     <div id="appProvider" style="display: none;"></div>
