fix(header): 平板/小屏笔记本的滚动信息不再被挤没,只在 ≤640 隐藏
- ≤1100 页头改 auto/1fr/auto:品牌和操作图标按内容宽度,滚动信息吃剩余空间(之前中间列固定抢 720,品牌被压到看不见) - 滚动信息隐藏阈值从 820 下调到 640,和侧栏一致:641–1100 正常显示(700 宽约 419px),手机才收起
This commit is contained in:
@@ -842,6 +842,12 @@
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
/* 页头:品牌和操作图标按内容宽度,滚动信息吃剩下的空间,
|
||||
否则中间那列固定抢 720px,品牌文字会被挤没 */
|
||||
.site-header-inner {
|
||||
grid-template-columns: auto minmax(0, 1fr) auto;
|
||||
}
|
||||
|
||||
.profile-card {
|
||||
grid-row: auto;
|
||||
}
|
||||
@@ -859,8 +865,8 @@
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 820px) {
|
||||
/* 手机上页头只留品牌 + 操作图标:跑马灯放不下,会盖到下面的搜索条上 */
|
||||
@media (max-width: 640px) {
|
||||
/* 手机页头只留品牌 + 操作图标:跑马灯放不下,会盖到下面的搜索条上 */
|
||||
.header-ticker-slot {
|
||||
display: none;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user