v1.2.3 修复了移动端显示问题

2025-11-30 19:46:48 +08:00
parent 5fae91a25d
commit 45d05a17f2
5 changed files with 106 additions and 10 deletions
--- a/includes/shortcode.php
+++ b/includes/shortcode.php
@@ -37,8 +37,24 @@ function flm_display_friend_links($atts) {
        <?php endforeach; ?>
    </div>
    <style>
+    /* 默认桌面端布局 - 使用CSS变量 */
    .flm-links-container {
-        grid-template-columns: repeat(<?php echo $desktop_columns; ?>, 1fr) !important;
+        --flm-columns: <?php echo $desktop_columns; ?>;
+        grid-template-columns: repeat(var(--flm-columns), 1fr) !important;
+    }
+    
+    /* 平板端响应式 */
+    @media (max-width: 1024px) {
+        .flm-links-container {
+            grid-template-columns: repeat(min(var(--flm-columns), 2), 1fr) !important;
+        }
+    }
+    
+    /* 手机端响应式 */
+    @media (max-width: 600px) {
+        .flm-links-container {
+            grid-template-columns: 1fr !important;
+        }
    }
    </style>
    <?php