清单封面 · 2026 版
- 5 个检查分组
- 32 项检查点
- 8 个小屏断点
- 2026 当前版本号
01 清单构成
五组三十二项，把手机上的常见毛病一次排掉
清单按 480px 以下的真实使用场景分组。你不需要从第一项读到第三十二项，先翻自己最担心的那一组，看完再回头补齐其余的。
-
08
布局结构
正文留白、吸顶条高度、底部快捷条会不会压住最后一行内容、横向滚动条有没有冒出来。
-
06
字号与排版
正文最小字号、标题在窄屏的缩放上限、等宽数字和中文混排时的基线，以及一段最多几行。
-
06
触控与交互
点击热区够不够大、相邻按钮会不会误触、键盘 Tab 时焦点环还在不在视野里。
-
06
图片与媒体
图片会不会撑破栅格、裁切后比例是否走样、替代文字写没写清画面里有什么。
-
06
加载与性能
首屏体积、字体是否本地托管、弱网下先出文字还是先出白屏、延迟加载有没有按预期触发。
02 按场景挑
先看自己在哪一步，再决定带走哪一份
同一份清单，用法差别很大。刚起步和只做微调的团队，需要的其实不是同一张表。
新站上线
从零搭一套栏目
路由和层级还没定，先把结构表填完，再逐项过布局与触控两组的检查点，返工最少。
- 适配清单 2026 完整版
- 栏目结构表
改版核对
只动了一部分栏目
已经在跑，这次只改刊头和首屏。重点看临界宽度上内容怎么取舍，断点速查表比整份清单更快。
- 适配清单 2026
- 小屏断点速查表
日常巡检
每月固定过一遍
抽半小时勾一遍高频项，新冒出来的偏差当场记下。进步不一定要一次做完，稳定比快更重要。
- 在线勾选面板
- 季度修订摘要
03 在线勾选
打开就能勾，进度留在你这台设备上
三十二项一次铺开，用左边的分组索引跳到最关心的那一块。勾过的项会变成浅绿底加左侧实线，下次用同一台设备回来还能接着往下走。
G1 布局结构 8 项
G2 字号与排版 6 项
G3 触控与交互 6 项
G4 图片与媒体 6 项
G5 加载与性能 6 项
04 断点速查
320 到 480，八个宽度的关键取值先背下来
窄屏不是把桌面等比缩小。同一个栏目在不同宽度上该留多少白、字多大、按钮多大，直接照表取，比临时试快得多。
| 断点 | 正文字号 | 触控热区 | 左右留白 | 单行字数 |
|---|---|---|---|---|
| 320px | 16px | 44px | 16px | 20–24 字 |
| 360px | 16px | 44px | 16px | 22–26 字 |
| 375px | 16px | 44px | 18px | 24–28 字 |
| 390px | 16px | 48px | 18px | 24–28 字 |
| 414px | 16px | 48px | 20px | 26–30 字 |
| 428px | 17px | 48px | 20px | 28–32 字 |
| 460px | 17px | 48px | 24px | 28–34 字 |
| 480px | 17px | 48px | 24px | 30–36 字 |
栏目结构表里填哪几列
第一次填结构表，八列就够用。多出来的字段通常到最后没人维护，反而把真正要紧的层级关系盖过去。
- 栏目编号
- 从 CL-01 起顺序编号，一级栏目排在前，页脚法律页排在最后
- 栏目名称
- 刊头与页脚显示的短名称，一般不超过六个字
- 路由路径
- 全小写，末级带斜杠；一级栏目用单段路径，子页在其后追加
- 页面标题
- 一栏一题，写清这一页帮访客解决什么，避免与相邻栏目撞题
- 上级栏目
- 一级栏目留空，子页填写所属的一级栏目编号
- 排序序号
- 决定刊头与页脚列表里的先后位置，改版时只动这一列
- 更新频率
- 按周、按季或按版本三种节奏之一标注，方便安排复测
- 责任小组
- 内容编辑、适配测试、客户服务三组中负责该栏目的那一组
05 使用步骤
下载、勾选、复测，走一遍就知道哪里要改
三步的顺序有讲究。先选宽度再比对，比一边改一边看省力得多。
-
01
把清单存到本地
把表格存成自己好找的文件，或者直接在这一页打开勾选面板。动手之前先定一个最窄的测试宽度，从它开始。
手上有不止一台测试机时，从 320px 那台开始，问题会先冒出来。
-
02
逐项勾掉
按分组往下走，把实际画面和检查点文字摆在一起看。过了就勾，没过就在旁边写一句现象，别急着改。
同一项在两台设备上表现不一样很常见，分开记，后面改起来更清楚。
-
03
改完回来复测
调整上线后回到同一组，只复测被改动波及的那几项，顺手把没勾的补齐。整份走完一轮，心里就有底了。
复测换一个网络环境，弱网下更容易看出加载相关的毛病。
06 修订记录
每季度改一次，手里那份要不要换一看便知
清单不是发一次就完事的东西。设备在变、栏目在加，检查点也跟着调。下面几行是最近几次改了什么，对得上就不必急着换。
-
本季度
图片与媒体组新增延迟加载的判定条件，布局结构组补了两条底部快捷条遮挡检查。
-
上一季度
触控热区下限统一到 44×44px，删掉三条与新版栅格重复的条目，总数保持不变。
-
再往前一季度
字号组上调正文行高建议，把等宽数字的基线对齐改成能当场判断的写法。
-
上一年度
2026 版本整体升级，从原先的四组扩到五组，三十二项检查点重新编号，并首次支持勾选进度本地保存。
澳门服务主页从 2019 年更新到现在，版本已经升过六次。手里的清单如果缺了上面任意一条，就值得换一份新的。