fix：修改屏幕适配的代码

2022-03-02 16:18:34 +08:00 · 2022-03-02 16:18:34 +08:00 · 1f405b5055
commit 1f405b5055
parent 516723e252
2 changed files with 19 additions and 17 deletions
--- 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%);
+  }
+}
--- 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>