From 1bfe2a35d773385ca253abad5e049df0d636fe29 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E6=B3=95=E4=B9=8B=E4=B9=A6=28appotry=29?=
 <andycrusoe@gmail.com>
Date: Fri, 24 May 2024 17:45:04 +0800
Subject: [PATCH] =?UTF-8?q?=E9=AB=98=E5=88=86=E8=BE=A8=E7=8E=872k&4k?=
 =?UTF-8?q?=E5=B1=8F=E5=B9=95=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 source/css/matery.css | 54 +++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 52 insertions(+), 2 deletions(-)

diff --git a/source/css/matery.css b/source/css/matery.css
index b5c7cbac2..6a89a43d2 100755
--- a/source/css/matery.css
+++ b/source/css/matery.css
@@ -14,7 +14,7 @@
 }
 
 /*大屏幕下(桌面类)的样式*/
-@media only screen and (min-width: 993px) {
+@media only screen and (min-width: 993px) and (max-width: 1920px) {
     .container {
         width: 90%;
         max-width: 1125px;
@@ -26,13 +26,63 @@
         width: 100%;
     }
 
-    .post-container {
+    .post-container { 
         width: 90%;
         margin: 0 auto;
         max-width: 1250px;
     }
 }
 
+/*大屏幕下(2k桌面类)的样式*/
+@media only screen and (min-width: 1921px) and (max-width: 2560px) {
+    .container {
+        width: 90%;
+        max-width: 1525px;
+    }
+
+    .head-container {
+        position: absolute;
+        padding: 0 30px;
+        width: 100%;
+    }
+
+    .post-container {
+        width: 90%;
+        margin: 0 auto;
+        max-width: 1750px;
+    }
+
+    .recommend .post-card {
+        height: 350px !important;
+        max-height: 350px !important;
+    }
+}
+
+/*大屏幕下(4k桌面类)的样式*/
+@media only screen and (min-width: 2561px) {
+    .container {
+        width: 90%;
+        max-width: 1525px;
+    }
+
+    .head-container {
+        position: absolute;
+        padding: 0 30px;
+        width: 100%;
+    }
+
+    .post-container {
+        width: 90%;
+        margin: 0 auto;
+        max-width: 2250px;
+    }
+
+    .recommend .post-card {
+        height: 380px !important;
+        max-height: 380px !important;
+    }
+}
+
 body {
     background-color: #eaeaea;
     margin: 0;