VTY 自适应 Demo · 副本
首页/登录等与原本一致 · 拖曳浏览器边缘看断点 · 也可点固定宽度
← PRD 文档
评审总入口
断点清单
页面
首页
优惠活动
活动详情
登录
注册
找回密码
宽度
跟随窗口
桌面 1440
PC1920
PC宽 1280
PC窄 1100
三折 1592
两折 1024
外屏 504
平板 900
平板 768
手机 767
iPhone 414
主流 375
小屏 320
跟随窗口
新标签打开页面 →
1920 展示
方案一 铺满
方案二 留白
铺满=壳层拉满 1920 · 留白=内容区最大 1440，两侧空白 · 预览窗不够宽时整体缩小，侧栏仍在左侧
折叠屏
模拟折叠屏（非 PC / App 壳）
开模拟：1592=三折 · 1024=两折 · 504=外屏
次级断点
卡片4列 1399
卡片4列 1100
卡片3列 899
卡片1列 599
Hero堆叠 1023
PC窄界 1279
三折界 1101
滚球窄 420
断点清单（可展开）
BREAKPOINTS.md
当前宽度下生效规则将显示于此…
当前宽度
1280
px
主布局
PC_WIDE
· 赛程
4
列
次级
—