fix

 <!--
 <!--
  * @Date: 2024-09-29 15:49:27
  * @Date: 2024-09-29 15:49:27
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-12-04 16:11:00
+ * @LastEditTime: 2024-12-04 16:18:28
  * @FilePath: /hager/src/views/solution/detail.vue
  * @FilePath: /hager/src/views/solution/detail.vue
  * @Description: 文件描述
  * @Description: 文件描述
 -->
 -->
@@ -344,13 +344,13 @@ export default {
     display: flex;
     display: flex;
     flex-wrap: wrap;
     flex-wrap: wrap;
     // justify-content: space-between; /* 确保子元素之间的空间被均匀分配 */
     // justify-content: space-between; /* 确保子元素之间的空间被均匀分配 */
-    gap: 10px;
+    gap: 1vw;
     &.xs {
     &.xs {
       display: block;
       display: block;
     }
     }
     .card {
     .card {
       flex: 0 0 32.33%; /* 宽度为 1/3 */
       flex: 0 0 32.33%; /* 宽度为 1/3 */
-      margin-bottom: 1rem; /* 在元素之间添加间距 */
+      margin-bottom: 0.25vw; /* 在元素之间添加间距 */
       box-sizing: border-box; /* 防止 padding 或 margin 影响宽度 */
       box-sizing: border-box; /* 防止 padding 或 margin 影响宽度 */
       border-radius: 10px;
       border-radius: 10px;
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);