From 864ac653312d9c0b31b987b316454626a623bd3e Mon Sep 17 00:00:00 2001 From: yiqiu Date: Tue, 16 Dec 2025 21:55:03 +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=E4=BD=8D=E7=BD=AE=E4=B8=8D?= =?UTF-8?q?=E5=9C=A8=E5=AF=BC=E8=88=AA=E6=A0=8F=E5=86=85=E9=83=A8=E7=9A=84?= =?UTF-8?q?=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 问题: - 按钮的 line-height 导致额外的高度,使按钮向下移动 解决: - 改 line-height 从具体值(如 50px)改为 1 - 按钮使用 flex 布局已经能正确对齐内容 - 添加 margin: 0 !important 确保没有额外边距 - 添加 border: none !important 移除可能的边框 - 添加 background 确保样式应用 三个断点(767px/575px/360px)都进行了同样的修改: - line-height: 1(替代固定像素值) - margin: 0 !important - border: none !important - background 保持渐变背景 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- css/index.css | 15 ++++++++++++--- 1 file changed, 12 insertions(+), 3 deletions(-) diff --git a/css/index.css b/css/index.css index 8980c69..2494767 100644 --- a/css/index.css +++ b/css/index.css @@ -2550,10 +2550,13 @@ html { font-size: 10px !important; min-width: auto !important; height: 50px !important; - line-height: 50px !important; + line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; + margin: 0 !important; + border: none !important; + background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%) !important; } /* 汉堡菜单按钮样式 - 放在左侧(order: 3) */ @@ -3097,10 +3100,13 @@ html { font-size: 10px !important; min-width: auto !important; height: 48px !important; - line-height: 48px !important; + line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; + margin: 0 !important; + border: none !important; + background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%) !important; } /* 汉堡菜单按钮样式 - 放在左侧(order: 3) */ @@ -3589,10 +3595,13 @@ html { font-size: 9px !important; min-width: auto !important; height: 44px !important; - line-height: 44px !important; + line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; + margin: 0 !important; + border: none !important; + background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%) !important; } /* 汉堡菜单按钮样式 - 放在左侧(order: 3) */