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

This commit is contained in:
LinRuiqi
2025-11-30 19:46:48 +08:00
parent 5fae91a25d
commit 45d05a17f2
5 changed files with 106 additions and 10 deletions

View File

@@ -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