fix(bug): 320px devices removed and bugs patched

source/css/pages/_archives.scss

@@ -6,7 +6,8 @@
  * 1.默认
  * 2.深色
  * 3.媒体查询
- *   - 320px
+ *   - 870px
+ *   - 2048px
 */
 @import "../base/variables";
 
@@ -63,33 +64,8 @@
         }
     }
 
-    // =========== 320px 设备 ===========
-    @media (max-width: 320px) {
-
-        >ul {
-            padding: 2.5% 1%;
-
-            >.year {
-                padding: 2.5% 0;
-                text-align: center;
-            }
-
-            >.title {
-                padding: 2.5% 0;
-                text-align: center;
-            }
-
-            >li {
-                justify-content: center;
-
-                >span {
-                    display: none;
-                }
-            }
-        }
-    }
-    // =========== 768px 设备 ===========
-    @media (min-width: 320px) and (max-width: 768px) {
+    // =========== 移动端 ===========
+    @media (max-width: 870px) {
         >ul {
             padding: 2.5% 1%;
 
@@ -106,8 +82,8 @@
             }
         }
     }
-    // =========== 2048px 设备 ===========
-    @media (min-width: 768px) and (max-width: 2048px) {
+    // =========== 桌面端 ===========
+    @media (min-width: 870px) and (max-width: 2048px) {
         >ul {
             padding: 0.625rem 0.1rem;
 
@@ -121,7 +97,4 @@
             }
         }
     }
-
-
-
 }