页面结构一眼看清
- 顶部是分类导航，向下滚动时始终停在最上方
- 首屏放主要功能的快捷通道与当前状态
- 中部按卡片排列更新内容，底部集中放常见问题
页面上能直接做什么
进入之后不用先学一遍说明书，主要入口、操作提示和说明文档都放在同一个页面里，按顺序往下看就能找到。
按场景看操作过程
下面挑了三种常见情形，切换左侧标签就能看到对应的页面状态与操作步骤。
先看首屏，再往下滚
从浏览器地址栏进入后，页面先加载顶部导航与首屏内容，其余模块随着向下滚动依次出现。图片未加载完成前会保留浅色底块占位，不会出现整片空白或者文字跳动。
如果你只想快速确认入口位置，停在首屏就够用；想了解完整流程，沿着页面往下滚一遍即可。
- 顶部导航固定在页面上方，向下滚动时不会消失
- 首屏按钮直接跳到对应内容区，不用自己找
- 滚到最底部可以看到常见问题与联系方式
卡片标题和摘要先看一遍
页面中部把说明文档和近期更新放在一起，按卡片排列。每张卡片包含封面、分类标签、标题、摘要和更新时间，标题最多显示两行，摘要保留两行，方便快速判断这一条是不是自己要找的。
点开卡片进入详情页，可以继续看完整的步骤说明和注意事项。
- 分类标签放在封面左上角，同类内容可以连着读
- 详情页里的步骤按顺序编号，照着做就能走完
- 详情页顶部有返回入口，随时可以回到列表
手机上是单列布局
用手机浏览器打开时，页面自动切换为单列，导航收进抽屉，点击右上角按钮展开全部入口。底部保留一条快速操作栏，随时能回到主要内容区。
横竖屏切换后布局会重新排一次，不会出现左右滚动条或者按钮被挡住的情况。
- 抽屉里列出全部导航项和主要按钮
- 按钮触控区域不小于 44×44 像素，方便单手点击
- 正文字号在手机上略微收小，行距保持宽松
常见问题
下面是打开页面时最常遇到的几类情况，按顺序排查一般都能解决。
打开页面后一直是浅色底块，图片没出现怎么办？
浅色底块是图片加载前的占位色，正常情况下会很快被替换成实际图片。如果长时间没有变化，可以先检查网络是否稳定，再刷新一次页面；若仍然如此，尝试换一个浏览器打开，或者把浏览器的缓存清理后重新进入。
不安装任何客户端，只靠浏览器能完成全部操作吗？
页面上的浏览、查找、查看详情和返回都可以在浏览器里完成，不需要额外下载。常用的浏览器包括 Chrome、Edge、Safari 以及各类手机自带浏览器，建议保持浏览器为较新的版本，避免个别样式显示异常。
手机上找不到导航入口在哪里？
屏幕宽度较小时，顶部导航会收进抽屉。点击页面右上角的方形按钮即可展开完整入口列表，里面包含首页和各个分类页；选中后抽屉会自动收起，并跳到对应内容。底部还有一条固定操作栏，可以随时回到主要内容区。
页面上的内容多久更新一次？
操作说明和常见问题会根据实际使用情况持续补充，功能调整类的内容一般在确认后同步更新。想第一时间看到新内容，可以留意页面上方的入口，返回首页即可回到列表方便刷新查看。
换设备或切换网络后，之前看到的位置还能找回吗？
页面本身不记录你看过的位置，但内容顺序是一致的，换设备后按同样的路径向下浏览即可找到相同的信息。如果记得标题里的关键词，可以在浏览器自带的页内查找功能里输入关键词快速定位。
文字看起来偏小或者按钮点不准怎么办？
可以在浏览器里放大页面比例，文字和按钮会同步变大，布局依旧保持整齐。手机上也可以用双指缩放。按钮的可点区域设计为不小于 44×44 像素，如果仍然点不准，多半是页面被缩得太小，恢复默认比例即可。