入口与适配 · 六类设备形态
设备入口中心
顶部偏右的财神棋牌888设备入口栏目,是本站留给首次访问者的第一个落点。进入之后先读常见说明,再确认自己的设备能不能正常显示,最后才去核对球员与阵容。
- 适配宽度
- 320–2560px
- 设备形态
- 6 类
- 自检项目
- 4 项
- 常见说明
- 42 条
A-01
入口栏目的层级与第一落点
入口栏目不是单独一页,而是一条通道。它把四类信息分开摆放,每一类都指定了一个固定的第一落点,避免访问者一进来就落进数据表。
- 01
- 02
- 03
- 04
A-02
第一次进来,按这三步走
顺序是固定的。跳过其中任何一步,后面都要花更多时间来回翻找。
-
1
先读常见说明
确认自己是从顶部右侧进入的,顺带看清赛程与阵容的更新口径,再决定要不要往下走。
-
2
再做一次适配自检
用自己的设备跑一遍四项检查。版式错位时先怀疑显示,而不是先怀疑内容缺失。
-
3
最后核对球员与阵容
等阵容确认区块开放,按首发、替补、伤停三类状态逐条核对,确认完就可以留在赛程页看轮次推进。
A-03
六类设备形态的版式差异
六类形态共用同一套内容,差别只落在列数、可见区与滚动方式上。适配宽度自 320px 起,到 2560px 止。
| 设备形态 | 视口宽度 | 版式变化 | 信息取舍 |
|---|---|---|---|
| 手机竖屏 | 320–599px | 单列推进,赛程时间轴保持纵向,适配矩阵改为逐条卡片 | 入口只前置常见说明与阵容确认两块 |
| 手机横屏 | 600–899px | 时间轴与入口卡并列为两栏,卡片高度自动对齐 | 表格改为横向滚动,列信息不删减 |
| 平板 | 900–1199px | 主区恢复三栏,右侧卡片矩阵回到两列排布 | 适配矩阵完整展开四列 |
| 桌面 | 1200–1759px | 左侧时间轴随滚动固定,右侧入口矩阵常驻 | 赛程与阵容可以同屏对照 |
| 折叠屏 | 1760–2199px | 展开态双栏并置,词典条目可与赛程同时阅读 | 折叠回窄幅时退回手机竖屏的排列规则 |
| 超宽屏 | 2200–2560px | 正文限宽 1320px,两侧留出章节编号与网格线 | 正文行宽不随屏幕继续拉伸 |
A-04
四项适配自检清单
四项检查只在本地比对显示效果,不上传、不提交任何信息。四项都通过,说明当前设备可以正常查看赛程与阵容。
-
浏览器版本
线条错位、字体回退明显时,先把浏览器升级到近三年内的主流版本,再刷新回看一次。
-
屏幕方向
竖屏与横屏各刷新一次,确认时间轴没有被截断,页面也没有出现横向溢出。
-
字号缩放
把系统字号调到 130%,确认正文换行不重叠,轮次编号与比分结构位仍然对齐。
-
网络状态
弱网下先等赛程骨架出现,再加载阵容区块;入口卡片长时间灰显时,切换网络后重试一次。
A-06
适配与入口的更新记录
条目按相对时间倒序排列,越靠上的调整越新。
-
最近一轮结束后
适配矩阵补齐折叠屏展开态的并置规则,词典条目与赛程可以同屏阅读。
-
本赛季冲刺阶段
阵容确认区块提前到开赛前 10 分钟展示,伤停状态与首发名单同步刷新。
-
本赛季中段
入口栏目位置前移到首屏,常见说明成为默认的第一落点,减少一次折返。
-
本赛季开局前
词典条目支持按分类与轮次双重检索,入口栏目可直接跳到相关术语。
-
上赛季冲刺阶段
移动优先版式下探到 320px,手机竖屏取消横向滚动,时间轴保持纵向。
-
上赛季开局前
六类设备形态补充宽度区间标注,超宽屏正文限宽 1320px。