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;
|
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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user