检查电脑与手机的页面呈现

先确认页面的布局方式

并非所有页面都以相同方式适配屏幕。线框 HTML 可以是一份响应式文档；Figma 导入则需要明确选择 PC 或 Mobile，并可能按设计宽度等比例显示。先确认当前页面的来源和设备设置，再决定是调整布局，还是补充另一设备版本。

同一张宽图缩小到手机，并不等于内容经过移动端设计。文字变小、按钮难点和顺序不合理，仍需要制作人员处理。

设计稿按设备分别准备

Figma 页面建议为电脑和手机准备各自的根框和完整内容，导入时手动选择对应设备。不要只根据画板宽度猜测系统已经识别；还要检查目标页面是否与导入区块的设计宽度一致。

只有一份窄稿时，在大屏放大会使图像和文字的表现发生变化。先以真实访问设备决定使用方式，再预览，不要为了填满电脑屏幕任意拉宽手机稿。

按可读性检查内容

在手机预览中检查最长标题、按钮上的文字、表格、价格条件和 FAQ。重要说明不能被截断，文字不能与图片重叠；长文可以调整层次和段落，但不应删掉必要条件只为减少高度。

手机阅读常有更短的可视区域，把主要说明与对应动作放在能理解的上下文中。不要只检查首屏，页面中后段的比较、表单和页脚同样影响完成任务。

查看裁切与长背景

检查图片主体是否被切掉、背景上的文字对比是否足够、整页大图是否在缩放后模糊。Figma 中横跨多个板块的大背景可能影响区块识别，也可能在导出缩放后失真，宜按板块组织。

对于图片中的细小文字，优先改为可读文本或提供清晰说明。仅在高分辨率电脑上看清，并不能代表手机访客也能理解。

真实点击动态组件与表单

在手机预览里依次点轮播、FAQ、标签页和每个按钮。检查展开后内容是否覆盖下一块，轮播是否能到达全部图片，表单键盘是否遮住输入与提交。多步表单应按用户真实顺序逐步完成。

不要把鼠标悬停作为唯一查看重要信息的方式；手机没有同样的悬停体验。表单若需要正式记录，发布后还需用正确的表单类型验证，预览操作不代表已经收集。

用实际地址做最终检查

使用预览链接或公开地址在真实手机打开，确认字体加载、图片资源、跳转与返回。字体本机已安装时可能掩盖缺失问题，尽量用未安装该字体的设备检查。更换图片、文案或共享组件后重新检查受影响区块；一次移动端通过不意味着之后所有更新都自动正确。