ZJY365 实战

移动端挤成一团

反模式:电脑上排得整整齐齐,手机上字挤成蚂蚁、按钮点不到、要左右滑才能看完。病例、为什么难受、修改规则。

病例

页面在电脑上排得整整齐齐。发到手机上一看:三列内容挤成三行竖条,按钮小到点不中,要左右滑动才能看完一行字。

为什么难受

今天大多数人是第一眼在手机上看你的页面。横向滚动、点不中的按钮、挤成一团的字,等于把门在客人面前关上——而且主人还不知道。

修改规则

把「手机可用」写进验收标准,而不是做完再补:viewport 设置 + 窄屏检查是第一步不是最后一步(见响应式)。验收动作固定为:把窗口拖到 375px 宽,逐屏检查无横向滚动、按钮好点、文字可读。

怎么发现

生成或修改页面后,把窗口拖窄到手机宽度过一遍。出现了就把本页的「修改规则」原文发给 AI。

关联

项目库每个教程的「成功检查」都含手机宽度这一项——它不是附加题,是必答题。

On this page