页面自动适配
打开后按当前屏幕宽度重新排布,竖屏单列显示,横屏时部分信息并排展开,不需要手动切换版本。
把手机页面上会出现的入口位置、操作反馈与状态变化逐项说清楚。
手机浏览器打开网页版地址后,页面会依次经过适配、输入、反馈、保持四个环节,每个环节都有对应的可见提示。
打开后按当前屏幕宽度重新排布,竖屏单列显示,横屏时部分信息并排展开,不需要手动切换版本。
输入框与按钮集中在同一条纵向流程里,按钮高度保持在易点击的范围内,滑动一屏即可走完全部环节。
每一次提交后都会给出文字反馈,处理中、已完成、需要重试三种情况用不同措辞区分,方便判断下一步。
在浏览器允许的范围内保留状态,重新打开页面时先核对是否仍然可用,超出保存范围则需要重新验证一次。
下面按操作顺序说明手机屏幕上实际会看到的变化,便于对照当前进度。
手机端页面将填写、确认与提示收拢在一条纵向流程中,屏幕较窄时输入框自动拉满宽度,按钮间距同步放大,减少误触。
滑动过程中页面不会跳转新窗口,返回上一级时已填写的内容仍然保留在原来的位置。
提交信息后页面先显示处理中提示,完成后转为结果提示。如内容填写不完整,提示文字会直接出现在对应的输入框下方。
提示区域紧贴操作位置,不需要跳转到其它页面查找原因,修改后可以立即再次提交。
竖屏下页面按单列排布,横屏下部分信息改为并排展示,文字与控件之间的留白同步调整,阅读节奏保持一致。
切换屏幕方向后页面会重新计算布局,之前填写的内容会保留在原位,不需要从头开始。
逐行列出各项能力的名称、表现与当前状态,遇到提示不明确时可以对照查看。
下面四条是操作过程中询问较多的情形,展开即可查看处理方式。
先确认浏览器缩放比例是否被调高,恢复为默认比例后下拉刷新一次。如仍未恢复,可清理当前浏览器的缓存数据,重新输入网页版地址打开。部分浏览器在开启省流模式时会压缩页面样式,关闭后再试一次通常可以恢复正常排布。
处理中提示通常与网络波动有关。可先确认信号稳定,等待几秒后重新提交一次。如连续多次都停留在同一提示,建议记录提示文字,再到常见问题频道对照查看对应说明,或通过页脚邮箱提交问题。
登录状态在浏览器允许的范围内保存,关闭页面后重新打开会先核对状态是否仍然可用。长时间未操作、更换浏览器或清理过浏览数据后,需要重新完成一次验证。建议在常用浏览器中操作,减少重复验证的次数。
横屏下部分信息会并排展示,输入框与按钮仍保持可点击的尺寸,阅读方向保持不变。切换方向后页面会重新计算布局,之前填写的内容会保留在原位,不需要重新输入。