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