fix(header): 平板/小屏笔记本的滚动信息不再被挤没,只在 ≤640 隐藏

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