小屏阅读

小屏阅读:先处理最容易混淆的部分

手机端最重要的一项检查不是动画是否漂亮,而是菜单关闭后,原页面链接能不能立刻继续点击。

查阅提示

先确定问题属于主题、界面还是账户,再进入对应页面。

顶栏保持三段式

左侧菜单、中间品牌、右侧注册入口在常见手机宽度下保持同一行。横向频道条会隐藏,详细栏目改由左侧抽屉承载,避免顶栏挤成两行。

遮罩只有菜单打开时才出现

默认状态下遮罩不显示,也不接收点击。打开抽屉后遮罩出现,点击遮罩、关闭按钮或按Esc都能关闭;关闭后遮罩立即停止拦截页面交互。

底部保留四个快捷入口

首页、索引、APP、帮助固定在底部,便于单手切换。若发现关闭菜单后仍不能点击,可刷新页面,并确认浏览器没有残留旧版缓存。

窄屏下仍保持完整阅读路径

即使顶部频道条隐藏,左侧抽屉仍包含主题、查阅与服务栏目,底部快捷导航提供最常用的四个入口。页面正文不会被固定高度容器包住,用户仍然使用浏览器原生整页滚动。

如果浏览器禁用了JavaScript,抽屉交互会受限,但正文、页脚与常规链接仍直接存在于HTML中。桌面端核心导航和页面内文字链也不会依赖异步加载。