feat: 宽屏适配从1440px扩展到2560px
- 屏幕宽度>1440px时,页面最大宽度从1180px扩展到2560px - 使用CSS变量--home-maxw统一管理,确保其他断点不受影响
This commit is contained in:
parent
fca3326e34
commit
1c8d1a05d1
@ -427,6 +427,9 @@ watch(menuOpen, (open) => {
|
|||||||
--font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
|
--font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
|
||||||
--mono:ui-monospace,"SF Mono","Cascadia Code",Menlo,Consolas,"Liberation Mono",monospace;
|
--mono:ui-monospace,"SF Mono","Cascadia Code",Menlo,Consolas,"Liberation Mono",monospace;
|
||||||
}
|
}
|
||||||
|
@media (min-width:1441px){
|
||||||
|
.home-root{--home-maxw:2560px}
|
||||||
|
}
|
||||||
.home-root.dark{
|
.home-root.dark{
|
||||||
--home-bg:#16140f;
|
--home-bg:#16140f;
|
||||||
--home-bg-soft:#1d1a13;
|
--home-bg-soft:#1d1a13;
|
||||||
@ -743,9 +746,6 @@ watch(menuOpen, (open) => {
|
|||||||
|
|
||||||
/* --- Widescreen 1440+ --- */
|
/* --- Widescreen 1440+ --- */
|
||||||
@media (min-width:1440px){
|
@media (min-width:1440px){
|
||||||
.home-wrap{max-width:1320px}
|
|
||||||
.home-nav-inner{max-width:1320px}
|
|
||||||
.home-trust-inner{max-width:1320px}
|
|
||||||
.home-hero{padding:160px 0 100px}
|
.home-hero{padding:160px 0 100px}
|
||||||
.home-hero-grid{gap:72px}
|
.home-hero-grid{gap:72px}
|
||||||
.home-feature-grid{gap:24px}
|
.home-feature-grid{gap:24px}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user