确认设备类型
先分清当前使用的是手机、平板还是电脑，三者的页面排布方式不同，操作位置也会随之变化。
查看顺序
对照之前，先确认三件事
把设备、网络与显示比例这三项先看一遍，多数显示类问题都能在这一步找到原因。
检查网络环境
图片与样式需要完整加载后才能正常显示，网络不稳定时可能出现局部空白或按钮位置偏移。
还原显示比例
浏览器或系统界面被放大、缩小时，页面元素会跟着变化，恢复到默认比例再对照更准确。
设备矩阵
三类设备下的入口页面表现
下面按手机、平板、桌面电脑依次说明，每类设备都列出显示特点与常用操作，可按当前设备直接对照。
手机 · 竖屏
第一组 · 移动端
手机界面：单列纵向的操作区域
手机端以单列方式展开内容，页面元素自上而下排列，常用的入口按钮会保持在屏幕中部偏下的位置，便于单手握持时点按。
- 显示排布单列纵向排列，上下滑动即可浏览全部条目。
- 操作方式触控点按与上下滑动，长按可唤出更多选项。
- 横竖屏切换横屏后布局重新排列，需要重新定位按钮位置。
- 加载表现网络较慢时图片逐张出现，文字内容不受影响。
移动端入口
竖屏浏览
触控操作
第二组 · 大屏触控
平板界面：双栏排布与触控手势
平板在横屏状态下宽度充足，图文会并排呈现，一次可以看更多条目；连接外接键盘后也可以像电脑一样输入文字。
- 双栏展示横向空间变大后，说明与配图并排显示。
- 触控手势支持滑动、长按与外接鼠标的点按操作。
- 外接键盘连接键盘后可直接输入，回车即可确认。
- 分屏状态分屏后页面宽度收窄，布局会自动回到单列。
平板浏览
横屏双栏
外接键盘
平板 · 横屏
电脑 · 宽屏
第三组 · 桌面端
桌面界面：宽屏下的信息密度
电脑浏览器窗口较宽，同一屏可以显示更多说明条目，配合鼠标与键盘操作更便于逐条核对；调整窗口宽度或缩放比例后布局会同步变化。
- 窗口宽度窗口越宽，并排显示的内容条目越多。
- 缩放比例浏览器缩放会影响文字与按钮的相对大小。
- 鼠标键盘鼠标点按配合键盘输入，适合逐条对照。
- 多标签打开同时开多个标签时，请确认当前停留的页面。
桌面端入口
宽屏布局
鼠标键盘
快速核对
设备适配对照表
按设备类型横向比较显示方式与操作习惯，表格可左右滑动查看完整内容。
| 设备类型 | 页面显示 | 常用操作 | 需要注意 |
|---|---|---|---|
| 手机 | 单列纵向排布，按钮集中在屏幕中部偏下 | 触控点按、上下滑动浏览 | 切换横屏后布局重排，需要重新定位按钮 |
| 平板 | 横屏下图文并排，一屏可见更多条目 | 触控手势，或连接外接键盘输入 | 分屏使用时页面宽度收窄，布局回到单列 |
| 电脑 | 宽屏信息密度高，条目排布更完整 | 鼠标点按配合键盘输入 | 调整窗口宽度或缩放比例后布局会同步变化 |
常见疑问
设备相关问答
以下两条是查看入口页面时最常遇到的设备类问题，按顺序操作通常即可恢复。
手机上按钮点不到怎么办？
先确认页面没有被双指放大。用两指捏合把显示比例还原到默认大小，再回到竖屏状态查看按钮位置。
若仍无法点按，可下拉刷新页面，等图片与样式完整加载后再操作；也可以在浏览器设置中清理一次缓存后重新打开。
电脑上页面显示不全怎么办？
先把浏览器窗口拉宽，或者把缩放比例恢复到 100%，页面会自动重新排布内容，被遮挡的条目会重新出现。
如果使用的是较旧版本的浏览器，建议更新到当前主流版本；仍显示异常时，可换用另一款浏览器对照查看，并记录浏览器名称与版本便于反馈。
设备确认完成，接着核对入口步骤
按手机、平板或电脑的实际显示情况，逐条对照入口操作步骤，可以更快完成一次完整访问。