确认访问环境 记录信息
先把机型和系统信息记下来,后续无论自行排查还是提交反馈,都需要这几项基础信息。
- 记下手机型号与系统版本号,位置在系统设置的关于本机页面
- 确认当前使用的浏览器名称,区分系统自带浏览器与自行安装的浏览器
- 记录网络类型,移动数据与无线网络下页面加载速度会不同
把手机端显示问题拆成可以逐个确认的小项,避免在同一处反复调整却找不到原因。
显示适配核对步骤
屏幕尺寸差异方向
高频疑问对照解答
单轮自查大致用时
从确认访问环境开始,到完成复测结束。每一步都给出可以当下核对的事项,按顺序走完即可。
先把机型和系统信息记下来,后续无论自行排查还是提交反馈,都需要这几项基础信息。
缩放比例不是百分之百时,页面会出现两侧留白或内容被裁切,先把它调回默认值。
系统字体被调大后,页面文字会跟着放大并挤压按钮位置,需要把系统显示设置恢复到默认档位。
全面屏与曲面屏机型在顶部与底部需要留出安全区域,否则内容会贴近摄像头开孔或手势条。
点击输入框时软键盘会占据下半屏,容易出现输入位置被遮挡的情况,可以按下面方式处理。
前面五步改动的设置容易混在一起,最后统一复测一次,确认问题是否消失、是否出现新的异常。
屏幕尺寸、比例与边缘形态不同,页面呈现的重点也不同。先对上自己的机型,再有针对性地核对。
五点五英寸以下的屏幕横向空间有限,标题与按钮文字容易挤成两行,核对时先确认按钮文字没有被截断,再检查输入框是否能完整点击。
顶部开孔与底部手势条会占用空间,核对时确认顶部内容未被遮挡、底部按钮与手势条之间留有可点击空隙。
屏幕变宽后内容区的留白会明显增加,核对时确认文字行长是否过长,必要情况下把窗口调整为接近手机的宽度再使用。
信息越完整,定位越快。下面四项在系统设置与浏览器菜单里都能直接查到,记录后再提交即可。
写明手机品牌、具体型号以及系统版本号,同品牌不同型号的屏幕比例也可能不一样。
说明使用的是系统自带浏览器还是自行安装的浏览器,并附上版本号,便于对照内核处理方式。
按步骤顺序描述,例如进行到第三步时文字被放大、第五步键盘弹出后输入框被遮挡。
截图能同时反映显示状态与页面位置,比文字描述更容易判断是缩放问题还是边缘遮挡问题。
下面五条是适配过程中被问到较多的情形,可以边核对边对照查看。
先查看系统设置里的字体大小与显示缩放是否被调高,再确认浏览器是否开启了强制缩放。两项都恢复到默认后重新打开页面,多数偏大偏小的情况会随之消失。
通常是浏览器缩放比例不是百分之百,或者页面被放进了阅读模式。把缩放调回默认值并关闭阅读模式,再重新载入页面即可恢复完整宽度。
把手机横过来再竖回去,多数浏览器会重新计算可视区域。若仍然被遮挡,可以先收起键盘、滚动到输入框位置再点击,或者改用支持浮动输入栏的浏览器。
登录页以竖屏为主要使用场景,横屏下出现轻微错位属于正常现象。如果确实需要横屏操作,建议恢复竖屏完成输入,避免误触相邻按钮。
不同浏览器对字体与缩放的处理方式并不相同,更换浏览器常常能绕开单一内核的显示问题。可以先在系统自带浏览器与常用浏览器之间各试一次,确认是否为浏览器侧设置所致。