竖屏环境里先保留阅读节奏
移动端页面会把桌面多列内容收成单列,避免图片把正文挤成过窄文字柱。底部固定导航保留首页、片单、人物与目录四个常用入口,同时给正文和页脚预留空间。
目录只在需要时展开
手机页眉中的“目录”默认关闭,展开后在正常文档流中推动正文下移,不出现透明遮罩。关闭后目录彻底隐藏,不保留占位。

移动端页面会把桌面多列内容收成单列,避免图片把正文挤成过窄文字柱。底部固定导航保留首页、片单、人物与目录四个常用入口,同时给正文和页脚预留空间。
手机页眉中的“目录”默认关闭,展开后在正常文档流中推动正文下移,不出现透明遮罩。关闭后目录彻底隐藏,不保留占位。
长文章在手机上最容易出现的问题不是文字太多,而是读到中间后忘记自己在哪条阅读线上。本站通过清楚的小标题、正文中的关联链接和底部四项导航帮助重新定位。你不需要回到页面顶部寻找复杂菜单,也不需要依赖浏览器历史记录才能继续。
页面正文按 16px 基础字号和较宽松行高设计,正常情况下不需要手动放大。若你使用系统大字体,布局会允许标题和按钮自然换行,而不会用固定高度截断。图片也保持自动高度,在窄屏中缩到容器范围,避免因为固定宽度把页面撑出视口。
固定底栏只保留四个最高频入口,避免在狭窄屏幕中塞入过多项目。其他栏目仍可通过页眉目录、正文关联链接和页脚访问。这样既能保持手机界面简洁,也不会因为依赖 JavaScript 菜单而让某些页面变得不可到达。