桌面端 · 常用
办公室电脑,固定工位长时间查看
屏幕宽、输入方便,适合连续查看页面内容、逐条核对说明。窗口拉宽后卡片会自动从两列变为三列,表格完整展开。
- 浏览器窗口最大化时,页面左右留白自动收窄,信息密度更高
- 支持多标签同时打开不同分区,来回切换不会丢失当前浏览位置
- 长时间停留后回到页面,刷新一次即可获取最新内容
下面按常见的终端与网络情况分成几类,点一下标签就能只看对应的说明,每条都写清了怎么进入、需要注意什么。
桌面端 · 常用
屏幕宽、输入方便,适合连续查看页面内容、逐条核对说明。窗口拉宽后卡片会自动从两列变为三列,表格完整展开。
移动端
手机端把导航收进折叠菜单,正文按屏宽单列排布,竖屏状态下无需左右拖动,主要按钮都在拇指可触范围内。
平板设备
平板处在桌面与手机之间,横屏时接近电脑的两列布局,竖屏时回归单列。转动屏幕后页面会自动重排,不会停在旧版式上。
网络环境
在移动网络或公共 Wi-Fi 下,页面优先显示文字与结构,图片按需加载。网络恢复后刷新一次即可补齐未显示的配图。
跨设备
在同一个浏览器里,页面会记住你上次停留的栏目层级;换设备后按同样的入口进入,顺着导航就能找到同一批内容。
大屏投放
把笔记本接上大屏或投影后,页面会按新的窗口宽度重新排版,用于会议同步或小组讨论时,文字放在后排也能看清。
下面这几行是实际使用中最常被问到的差异,对照着看一遍,换设备时心里有数。
| 设备类型 | 参考屏宽 | 页面布局 | 登录状态 | 需要留意的地方 |
|---|---|---|---|---|
| 台式电脑 / 笔记本 | 1280px 以上 | 多列排布,表格完整展开 | 同一浏览器内可保留 | 窗口过窄时会自动转为单列,属正常重排 |
| 小屏笔记本 / 分屏窗口 | 992 – 1280px | 两列卡片,间距压缩 | 同一浏览器内可保留 | 分屏时建议保持浏览器缩放为 100% |
| 平板(横屏) | 992 – 1180px | 接近电脑的两列布局 | 同一浏览器内可保留 | 部分平板浏览器会在横竖屏切换时重新加载 |
| 平板(竖屏) | 768 – 991px | 单列堆叠,导航折叠 | 同一浏览器内可保留 | 表格需要左右滑动才能看到全部列 |
| 手机 | 390 – 767px | 单列,按钮通栏 | 更换设备后需重新登录 | 应用内浏览器可能与系统浏览器表现不同 |
| 外部显示器 / 投屏 | 随窗口宽度变化 | 按新宽度重新排布 | 同一浏览器内可保留 | 投影低分辨率下建议先调窄窗口再连接 |
表格较宽时可左右滑动查看完整内容
换设备、调屏幕、看登录状态,这几条问得最多,先看一遍能省不少来回尝试的时间。
把常用设备、浏览器类型和遇到的现象写清楚,我们会结合常见情况给出一份可照做的操作说明,避免你在设置里反复试探。