修复移动端注册按钮高度为0的问题 - 使用 align-items: stretch
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
- 移除575px断点中重复的闭合括号 - 575px断点: 将nav-header的align-items从center改为stretch - 575px断点: 为nav-right添加height: 100%和align-items: stretch - 360px断点: 将nav-header的align-items从center改为stretch 这个修复解决了浏览器开发者工具显示的问题: - nav-right height: 0px → 现在为48px/44px(取决于断点) - no-login height: 0px → 现在为48px/44px - registBtn height: 0px → 现在为48px/44px 使用align-items: stretch确保flex容器的子元素被拉伸以填充容器高度,而不是折叠到0px。 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -2485,7 +2485,7 @@ html {
|
||||
padding: 0 8px;
|
||||
height: 50px !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
align-items: stretch;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@@ -3048,7 +3048,7 @@ html {
|
||||
padding: 0 10px;
|
||||
height: 48px !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
align-items: stretch;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@@ -3551,7 +3551,7 @@ html {
|
||||
padding: 0 8px;
|
||||
height: 44px !important;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
align-items: stretch;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@@ -3563,7 +3563,8 @@ html {
|
||||
|
||||
#index .nav-header .nav-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
align-items: stretch;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#index .nav-header .nav-left .nav-icon {
|
||||
|
||||
Reference in New Issue
Block a user