Эхлэл Бүгдийг харах Тусламж
Бүртгүүлэх Нэвтрэх
pm
/
ISCS_Big_Sreen_GoView
1
0
Салаа 0
Файлууд Асуудлууд 0 Хуулах хүсэлтүүд 0 Мэдлэгийн сан
Эх сурвалжийг харах

fix：修改屏幕适配的代码

MTrun 3 жил өмнө
parent
516723e252
commit
1f405b5055
2 өөрчлөгдсөн 19 нэмэгдсэн , 17 устгасан
Өөрчлөллтийг нэгтгэж харах Өөрчлөлтийн статистик харах
  1. 19 0
      index.css
  2. 0 17
      index.html

+ 19 - 0
index.css
Файл харах 

@@ -83,3 +83,22 @@
 
     opacity: 1;
 
     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" />
 
     <link rel="icon" href="./favicon.ico" />
 
     <title>GoView</title>
 
     <title>GoView</title>
 
     <link rel="stylesheet" href="./index.css" />
 
     <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>
 
   </head>
 
   <body>
 
   <body>
 
     <div id="appProvider" style="display: none;"></div>
 
     <div id="appProvider" style="display: none;"></div>