VTY 自适应 Demo
默认跟随窗口宽度 · 拖曳浏览器边缘即可看断点切换 · 也可点固定宽度
← PRD 文档
评审总入口
断点清单
页面
首页
登录
注册
找回密码
三断点
手机界 767
平板 900
PC 1200
其它宽度
跟随窗口
桌面 1440
平板界 1199
平板起 768
iPad 1024
三折 1592
外屏 504
跟随窗口
新标签打开页面 →
手机尺寸
★ 设计稿 430
iPhone 414
iPhone 390
iPhone 375
小屏 320
上界 767
H5 UI 按
430px
出图 · 同属手机断点 ≤767
点选上方宽度预设,此处显示归属断点与设计说明…
折叠屏
模拟折叠屏(非 PC / App 壳)
开模拟:1592=三折 · 1024=两折 · 504=外屏
次级断点
卡片4列 1399
卡片4列 1100
卡片3列 899
卡片1列 599
平板界 1199
PC界 1200
三折界 1101
滚球窄 420
断点清单(可展开)
BREAKPOINTS.md
当前宽度下生效规则将显示于此…
当前宽度
1280
px
主布局
PC
· 赛程
4
列
次级
—