先给结论
自查方法是：挑首页、列表、详情、表单几类重点页面，从宽到窄逐段调整浏览器宽度，按导航、栅格、图片、表格、按钮、表单、嵌入内容的清单逐项过，最后用手机真机复核一遍。
断点自查清单
| 检查项 | 常见问题 | 处理方向 |
|---|---|---|
| 导航 | 窄屏下菜单挤压、换行错乱 | 按断点切换收纳形式，保证点击目标够大 |
| 栅格与卡片 | 列数不随宽度变化、出现空洞或重叠 | 让卡片随宽度自然折行 |
| 图片与视频 | 变形、溢出容器、加载过大原图 | 按容器自适应缩放，宽屏窄屏都检查比例 |
| 表格 | 窄屏被压扁、文字挤成一团 | 允许横向滚动或改为堆叠展示 |
| 按钮与链接 | 点击区太小、相邻过近易误触 | 保证触摸目标足够大、间距合理 |
| 表单 | 输入框溢出、键盘弹出后遮挡提交按钮 | 字段宽度自适应，布局留出纵向空间 |
| 嵌入内容 | 地图、表单组件、第三方部件超出屏幕 | 外层限宽并允许内部滚动 |
重点页面与顺序
- 首页：第一屏信息是否完整、主按钮是否好点；
- 列表页：卡片折行、筛选条件是否放得下；
- 详情页：长标题、大图、正文段落的换行表现；
- 表单页：字段输入与提交是否顺畅；
- 全局元素：弹窗、提示条、悬浮按钮在窄屏是否遮挡内容。
窄屏取舍原则
屏幕窄时优先保证核心信息与主要操作：次要说明文案可以精简或收纳，长导航可以压缩，但不能出现文字竖排、重叠或横向溢出。判断标准很简单——用户在手机上能否一眼看清重点、一次点中按钮。
响应式方案的设计与交付标准可参考网站建设服务。
常见问题
自查应该用模拟器还是真机？
两者都要。浏览器的响应式模拟能快速覆盖多个宽度、效率高；真机能反映触摸手感、键盘弹出等实际体验。建议先用模拟器批量过清单，再用真机复核重点页面。
需要适配所有屏幕尺寸吗？
不需要逐一适配每个型号。选定几档代表性宽度（窄屏手机、大屏手机、平板、桌面）作为断点区间，在每档内表现正常即可覆盖绝大多数访问设备。
为什么桌面上好好的，手机上就乱了？
多数是固定宽度与浮动布局导致的：元素按桌面宽度写死，窄屏放不下就溢出或错位。改用随容器伸缩的布局，并在断点处调整列数，问题基本可以解决。
改版后需要重新自查吗？
需要。模板、组件或内容结构的变化都可能影响适配表现，把断点自查列入改版验收清单，能避免上线后才发现手机端错乱。