桌面浏览器
- 窗口宽度保持在 1280 像素以上，表单横向排布更完整。
- 关闭影响脚本运行的扩展，避免验证码区域加载不出来。
- 使用快捷键放大窗口内容后，记得恢复默认缩放比例。
- 多标签同时打开时，只保留一个登录页面避免重复提交。
先看清自己手里的设备
同一套登录流程，在不同屏幕上的呈现方式差别不小。先确认下面四组信息，再决定用哪种方式打开页面。
1280像素以上
桌面窗口推荐宽度
浏览器窗口拉到这个宽度以上，登录表单和验证码会并排显示，不需要来回滚动。
100% 缩放
建议的页面缩放比例
放大到 125% 以上时部分输入框会被裁切，先按快捷键恢复到默认比例再操作。
4类终端
常用终端形态
台式机、笔记本、平板和手机分别有对应的排版方案，横竖屏之间会自动重排。
3步检查
换设备时的确认顺序
核对网络、清一次缓存、再确认浏览器版本，大部分显示问题在这一步就能排除。
各类终端上的实际样子
下面这些场景来自真实的使用反馈，按你手上的设备对照查看，就能判断页面是否处在正常状态。
按终端类型对照检查
三类终端各自需要注意的地方不一样，对照下面这几条逐一确认，就能判断是不是环境问题。
手机与平板
- 确认浏览器没有开启桌面版网页模式，否则会强制双栏显示。
- 输入时留意系统输入法是否遮挡登录按钮，必要时收起键盘。
- 平板旋转屏幕后等待页面重排完成，再点击下一步按钮。
- 使用系统自带浏览器的稳定版，尽量避免内嵌的简易浏览器。
网络与系统环境
- 从无线网络切到移动数据后，刷新一次页面再重新操作。
- 关闭省电与限速模式，避免图片和脚本被延迟加载。
- 开启无痕窗口测试，用来区分是本地缓存还是环境问题。
- 系统时间偏差过大时先校准时间，再尝试重新进入。
换一台设备后的四步确认
按顺序做完这四步，大部分显示和点击问题都能在进入表单之前解决。
01
确认设备与浏览器的基本信息
查看系统版本和浏览器版本，确认处于受支持的范围；版本过旧时先升级，再回到登录页面。
02
清理一次本地缓存
清理浏览器缓存与站点数据，或者直接用无痕窗口打开，排除旧文件导致页面排版错乱的可能。
03
检查屏幕方向与缩放
手机与平板保持竖屏，桌面窗口恢复到 100% 缩放，确认输入框和按钮都在可见范围内。
04
重新走一遍登录步骤
刷新页面后重新输入账号信息，观察验证码是否正常加载，正常即可继续下一步操作。
换设备时最常遇到的三件事
都是显示与识别层面的问题，处理顺序基本一致，先试前一条再往下走。
先把浏览器缩放比例调回 100%，再退出省电模式并刷新一次页面。如果仍然是双栏排列，说明页面按桌面模式渲染，可在浏览器菜单里切换为移动版页面后重新进入。
按提示升级到当前主流版本，或者换用系统自带的浏览器重新打开。升级前可以先用精简版入口完成登录，登录成功后再回到完整页面继续操作。
换到没有使用记录的设备时，系统会要求重新验证一次，用于确认是本人操作。完成验证后该设备会在一定时间内保留记录，期间再次进入通常只需要输入账号密码。