fix(mobile): 侧栏只在 ≤640 收起,平板/分屏宽度保留资料卡与分组导航
This commit is contained in:
@@ -860,11 +860,6 @@
|
||||
}
|
||||
|
||||
@media (max-width: 820px) {
|
||||
/* 手机上侧栏整体收起,分组导航改由页头的菜单按钮打开抽屉 */
|
||||
#page-scroll > aside {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* 手机上页头只留品牌 + 操作图标:跑马灯放不下,会盖到下面的搜索条上 */
|
||||
.header-ticker-slot {
|
||||
display: none;
|
||||
@@ -1650,8 +1645,12 @@ html.theme-transition .site-background {
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 820px) {
|
||||
/* 手机上只留导航卡,单列铺开 */
|
||||
/* 手机(≤640)才收起侧栏:平板、分屏窗口都保留侧栏卡片 */
|
||||
@media (max-width: 640px) {
|
||||
#page-scroll > aside {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#page-scroll > aside .sidebar-home {
|
||||
display: block;
|
||||
}
|
||||
@@ -1717,7 +1716,7 @@ html.theme-transition .site-background {
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 820px) {
|
||||
@media (max-width: 640px) {
|
||||
/* 手机页头才显示菜单按钮(必须写在上面的 display: none 之后) */
|
||||
.header-nav-toggle {
|
||||
display: inline-flex;
|
||||
|
||||
Reference in New Issue
Block a user