优化对Dark Reader的兼容 #3

asundust · Aug 10, 2023 · d962175 · d962175
1 parent 2e89bf4
commit d962175
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 8 deletions.
diff --git a/web/css/style.css b/web/css/style.css
@@ -3315,9 +3315,7 @@ body {
     /*background-size:cover;
     background: url(../img/background.jpg) no-repeat;
     background-attachment: fixed;*/
-    background: -webkit-linear-gradient(315deg, #00C4FF, #9D1BB2) no-repeat fixed;
     background: linear-gradient(135deg, #00C4FF, #9D1BB2) no-repeat fixed;
-    overflow: hidden;
     font-family: 'Helvetica Neue', 'Microsoft Yahei', SimHei, sans-serif
 }
 
@@ -3799,23 +3797,29 @@ ul li a strong {
 @media screen and (min-width: 1200px) {
     #wrap {
         width: 1024px;
-        height: 900px
+        height: 100vh;
     }
 }
 
 @media screen and (min-width: 960px) and (max-width: 1199px) {
     #wrap {
-        width: 1024px
+        width: 1024px;
+        height: 100vh;
     }
 }
 
 @media screen and (min-width: 768px) and (max-width: 959px) {
     #wrap {
-        width: 750px
+        width: 750px;
+        height: 100vh;
     }
 }
 
 @media only screen and (min-width: 480px) and (max-width: 767px) {
+    #wrap {
+        width: 550px;
+        height: 100vh;
+    }
     .app ul li a img {
         width: 96px;
         height: 96px
@@ -3828,6 +3832,11 @@ ul li a strong {
 }
 
 @media only screen and (max-width: 479px) {
+    #wrap {
+        width: 400px;
+        height: 100vh;
+    }
+
     .t op {
         position: relative;
         top: 50px;

diff --git a/web/index.html b/web/index.html
@@ -18,7 +18,6 @@
       /*背景图设置,设置路径在"css/style.css"下的3315行开始,默认关闭*/
       /*也可以直接打开下面注释直接覆盖原生的渐变色背景,建议打开背景图之后注释原生的3318和3319行渐变色背景样式*/
       body {
-        overflow: auto;
         /*background-size: cover;*/
         /*background: url(img/background.jpg) no-repeat fixed center top;*/
       }
@@ -61,6 +60,9 @@
         div ul li {
           width: 33.33%;
         }
+        body {
+          overflow: auto;
+        }
       }
 
       @media only screen and (min-width: 350px) and (max-width: 479px) {
@@ -71,8 +73,8 @@
     </style>
 </head>
 <body>
-<div id="particles-js" style="position:absolute; top: 0; z-index: -1; width: 100%;height: 100%;">
-    <canvas class="particles-js-canvas-el" height="960" style="width: 100%; height: 100%;" width="1303"></canvas>
+<div id="particles-js" style="position:absolute; top: 0; z-index: 0; width: 100%;height: 100%;">
+    <canvas class="particles-js-canvas-el" style="width: 100%; height: 100%;"></canvas>
 </div>
 <script>particlesJS("particles-js", {
   particles: {