掌上阅读

手机阅读的重点不是把桌面版压得更窄，而是重新安排顺序、留白和入口。竖屏环境里，标题要完整，正文要保持正常行宽，图片要完整缩放，目录打开后应推动正文下移，底部导航则只承担最常用的四个入口。

竖屏先保证正文宽度

手机端正文应占据主要可用宽度，左右保留稳定留白。桌面上的双栏、侧栏和错位图文在窄屏下都应按阅读顺序回到单列。

目录不是全屏遮罩。打开后它出现在页眉下方并推动后续内容，关闭后彻底隐藏，不保留透明点击层。

适合长期阅读的页面可以使用浏览器收藏；在站内阅读时，底部四项导航只保留最常用入口，减少手指移动距离。

内容图片始终按原比例缩放，不能为了铺满容器裁切主体。原图很大也不应撑破页面。

手机宽度有限，最重要的是保持正文主列完整。桌面上的主次分栏、侧栏、错位图片和跨列专题，在窄屏下都应该按自然阅读顺序回到单列；任何装饰轨道都不能占掉正文宽度。标题可以换行，图片可以缩小，但正文不应被压成只容纳几个汉字的细柱。页面底部预留固定导航空间，长内容仍使用浏览器原生整页滚动。

继续阅读可前往阅读目录，或从从这里开始重新建立基础阅读顺序。

浏览器把字体放大到更高比例后，页面仍应允许标题自然换行、按钮扩展高度、菜单链接下折，而不是把文字塞进固定高度。正文不使用强制不换行，也不依赖极窄侧栏。对图片而言，放大文字不应改变图片比例或把图片推出视口；对底部导航而言，正文与页脚预留的安全空间仍要存在。

窄屏不会删掉核心内容。首页、片单、人物和目录放在底部只是为了方便触达，其他栏目仍可从页眉目录、正文延伸链接和页脚进入。即使关闭 JavaScript，正文与普通链接仍由PHP直接输出，不依赖脚本加载后再生成。