更新

public/themes/template3/assets/css/style.css

@@ -9,24 +9,36 @@
 }
 
 .post-img {
-  width: 330px;
-  height: 160px;
-  object-fit: cover;
+  width: 100%; /* 强制宽度撑满父容器 */
+  height: 160px; /* 固定高度 */
+  object-fit: cover; /* 核心：保持比例裁剪 */
+  object-position: center; /* 确保裁剪时以中心为准（默认通常是中心，但显式声明更稳妥） */
+  display: block; /* 消除行内元素的底部间隙 */
+}
+
+.post-img img {
+  width: 100%; /* 宽度撑满父容器 */
+  height: 160px; /* 设定固定高度 */
+  display: block; /* 移除图片底部的幽灵间隙 */
+
+  /* 核心属性：居中缩放的关键 */
+  object-fit: cover; /* 保持原比例，裁切多余部分以填充容器 */
+  object-position: center; /* 确保缩放裁切时，视觉焦点在图片正中心 */
 }
 
 .recent-posts {
   background-color: #f9f9f9 !important;
 }
 .feature-box {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 .feature-box img {
   width: 150px;
-    object-fit: cover;
+  object-fit: cover;
 }
 .feature-box img:hover {
   transform: scale(1.1);
   transition: all 0.3s ease-in-out;
-}
+}