fix: 超宽屏填满屏幕,去除左侧空白
This commit is contained in:
@@ -255,6 +255,8 @@ onMounted(async () => {
|
|||||||
--content-max-width: 1440px;
|
--content-max-width: 1440px;
|
||||||
/* 顶部导航高度 */
|
/* 顶部导航高度 */
|
||||||
--header-height: 64px;
|
--header-height: 64px;
|
||||||
|
/* 两侧内边距 */
|
||||||
|
--content-padding: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 平板(768px+)显示副导航 */
|
/* 平板(768px+)显示副导航 */
|
||||||
@@ -272,6 +274,19 @@ onMounted(async () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 超宽屏填满屏幕,去掉居中限制 */
|
||||||
|
@media (min-width: 1400px) {
|
||||||
|
:root {
|
||||||
|
--content-max-width: 100%;
|
||||||
|
--content-padding: 32px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 1600px) {
|
||||||
|
:root {
|
||||||
|
--content-padding: 48px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* ============================================================
|
/* ============================================================
|
||||||
全局基础样式
|
全局基础样式
|
||||||
============================================================ */
|
============================================================ */
|
||||||
|
|||||||
Reference in New Issue
Block a user