先抓住这几个判断点
- 正文无需放大才能阅读
- 按钮之间应有足够间距
- 页面不应出现横向拖动
- 固定元素不能长期遮挡正文
真正的移动适配不只是把桌面页面缩小。正文在默认缩放下应保持可读字号,段落行宽不应该超出屏幕。
按钮和链接需要足够点击面积,尤其是导航、搜索关闭按钮和FAQ展开控件。如果元素挤在一起,用户很容易误触。
横向滚动通常意味着某个图片、表格或固定宽度元素没有正确收缩。页面应优先修复布局,而不是要求用户左右拖动阅读整段文字。
把方法放到实际浏览中
粘性导航可以帮助切换栏目,但高度不能过大,也不应遮住标题或锚点内容。弹窗关闭后还需要恢复页面滚动。
图片需要保持原始比例。把宽图强行压成方形或固定高度,会让人物、文字或界面示意明显变形。
可折叠菜单只是操作增强,主要栏目仍然应通过真实链接存在于HTML中,而不是完全依赖脚本生成。
如何与站内其他页面配合
在600、375等窄屏宽度下检查页面,能发现桌面浏览器窗口缩小不一定暴露的问题,例如安全区域、触控间距和长标题换行。
移动适配的目标是让内容和路径保持清楚,而不是追求与桌面版完全相同的视觉排列。
本条目的页面边界
本条目专门处理“小屏阅读时,怎样判断页面是否真的适配”,用于补充移动端使用主题中的具体判断步骤,不扩展到无关业务或虚构数据。