Quellcode durchsuchen

fix:修改屏幕适配的代码

MTrun vor 3 Jahren
Ursprung
Commit
1f405b5055
2 geänderte Dateien mit 19 neuen und 17 gelöschten Zeilen
  1. 19 0
      index.css
  2. 0 17
      index.html

+ 19 - 0
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%);
+  }
+}

+ 0 - 17
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>