From 075046b9d6cebfffaa2bd7a982e8a5abb8270a42 Mon Sep 17 00:00:00 2001 From: yiqiu Date: Wed, 17 Dec 2025 17:23:45 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E7=A7=BB=E5=8A=A8=E7=AB=AF?= =?UTF-8?q?=E6=B3=A8=E5=86=8C=E6=8C=89=E9=92=AE=E9=AB=98=E5=BA=A6=E9=97=AE?= =?UTF-8?q?=E9=A2=98=EF=BC=9A575px=20=E5=92=8C=20360px=20=E6=96=AD?= =?UTF-8?q?=E7=82=B9=E6=B7=BB=E5=8A=A0=20!important=20=E6=A0=87=E8=AE=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit CSS Cascade 问题解决： - 在 common.css 中存在 `.nav-desktop-link { display: none !important; }` 规则 - 该规则影响 `.no-login.nav-desktop-link` 元素导致其高度坍塌为 0px - 添加 `!important` 标记到所有 nav-right 和 nav-header .nav-right 规则中 修改内容： - 575px 断点: * `#index .nav-header .nav-right` 添加 !important 到 display/align-items/height * `#index .nav-right` 添加 !important 到 align-items/height，改为 stretch 对齐 - 360px 断点: * `#index .nav-header .nav-right` 添加 !important 到 display/align-items/height * `#index .nav-right` 添加 !important 到 align-items/height，改为 stretch 对齐 所有三个移动端断点 (767px、575px、360px) 现已全部修复 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- css/index.css | 31 ++++++++++++++++--------------- 1 file changed, 16 insertions(+), 15 deletions(-) diff --git a/css/index.css b/css/index.css index 43cd342..48fc5f0 100644 --- a/css/index.css +++ b/css/index.css @@ -2496,9 +2496,10 @@ html { } #index .nav-header .nav-right { - display: flex; - align-items: stretch; - height: 100%; + display: flex !important; + align-items: stretch !important; + height: 100% !important; + flex-wrap: nowrap !important; } #index .nav-menu { @@ -2519,10 +2520,10 @@ html { #index .nav-right { display: flex !important; - align-items: stretch; + align-items: stretch !important; justify-content: flex-end; gap: 6px; - height: 100%; + height: 100% !important; } #index .nav-right .nav-text-link { @@ -3060,9 +3061,9 @@ html { } #index .nav-header .nav-right { - display: flex; - align-items: stretch; - height: 100%; + display: flex !important; + align-items: stretch !important; + height: 100% !important; } #index .nav-header .nav-left .nav-icon { @@ -3078,10 +3079,10 @@ html { #index .nav-right { display: flex !important; - align-items: center; + align-items: stretch !important; justify-content: flex-end; gap: 4px; - height: 100%; + height: 100% !important; } #index .nav-right .nav-text-link { @@ -3564,9 +3565,9 @@ html { } #index .nav-header .nav-right { - display: flex; - align-items: stretch; - height: 100%; + display: flex !important; + align-items: stretch !important; + height: 100% !important; } #index .nav-header .nav-left .nav-icon { @@ -3590,10 +3591,10 @@ html { #index .nav-right { display: flex !important; - align-items: center; + align-items: stretch !important; justify-content: flex-end; gap: 4px; - height: 100%; + height: 100% !important; } /* 移动端隐藏登录按钮和分隔符，只显示注册按钮 */