竖屏里也能保持完整的阅读节奏
本站手机页面以正常网页阅读为主,不虚构 App 下载。目录、底部导航、浏览器收藏和本地图片显示都围绕竖屏阅读做了简化。
顶部目录
手机页眉只保留品牌、目录与掌上入口。目录默认关闭,打开后会在页眉下方进入正常文档流,不覆盖正文;空间较窄时,链接自动回到单列。
底部四个入口
首页、片单、人物和目录固定在底部,正文与页脚已经预留空间,不会被导航遮住。它们是普通站内链接,因此关闭 JavaScript 后仍可以通过页面普通链接继续访问。
收藏与图片
需要稍后继续时,可以使用浏览器收藏或书签。内容图片使用本地文件,并保持原比例完整显示;如果图片尚未上传,对应图像元素会被省略,正文结构仍完整。
页面跳转
站内关联阅读全部使用真实链接,不使用假搜索、假筛选或弹窗跳转。竖屏阅读最重要的是保持正文列宽、段落节奏和可触达入口,而不是模拟不存在的 App。
竖屏阅读最需要保持什么
手机屏幕窄,真正需要避免的是信息被挤成过细文字柱。本站在小屏下把并排内容自动改成单列,图片宽度不超过视口,标题允许自然换行。长文仍使用浏览器整页滚动,不把正文锁进内部滚动容器,因此阅读位置更容易掌握。
目录打开后推动正文向下,而不是盖在正文上方。这样即使读者在较小屏幕上误触,也不会留下透明遮挡层。关闭后使用 hidden 完全移出布局,键盘 Esc 也能收起,aria-expanded 会同步状态。
图片本身保持完整比例,不用 cover 裁掉主体。对于竖向移动阅读图,桌面与手机分别限制最大宽高;其他 3:2 内容图也只限制最大可见范围,不用强制固定高度换取整齐。
收藏比“假下载”更适合阅读站
本站没有离线安装包或伪装成下载的按钮。需要保留页面时,使用浏览器书签、阅读列表或系统分享功能即可。这样既不需要额外权限,也不会让普通网页访问变成不必要的安装流程。站内链接保持稳定,收藏后仍可直接回到具体栏目。
小屏下的文字优先级
当图文空间不足时,页面会先保证正文宽度和图片完整比例,而不是强行维持桌面并排布局。这样可以避免文字被压成过窄竖列,也减少横向滚动风险。