移动阅读

说明手机、平板和桌面端的导航、收藏、图片浏览与页面跳转。

手机:先用顶部分类,再用底部快捷入口

手机页眉只保留品牌与“分类”按钮,展开后菜单会在正常文档流中出现,不覆盖正文。页面底部有首页、速读、题材、视觉和目录五个快捷入口,用于在常用栏目之间切换。长文仍按单列排版,避免正文被压窄。分类菜单关闭后不占空间,也不会留下透明层拦截点击。

平板:保留阅读宽度,不强行铺满屏幕

平板横屏虽然空间更宽,正文也不会被拉到整屏。较长文章仍使用有限阅读列,辅助内容在空间不足时自动移到正文之后。图片保持原比例,空间不足时跟随内容列缩小,不依赖裁切。

桌面:利用宽度做层级,而不是堆更多列

桌面端会在首页和少数专题中使用双栏或非对称布局,但长文主列保持较窄宽度,让中文段落更容易阅读。分类面板在页眉下方展开,主要栏目仍可通过普通链接直接访问。

收藏、图片与页面跳转

所有主要栏目都使用普通链接,可直接用浏览器收藏。内容图在文件存在时才显示,缺失时页面会自然省略,不出现破损图标或占位框。关闭 JavaScript 后,正文与普通站内链接仍然可用。

移动阅读设备主题图

浏览器字体放大时仍以阅读为先

如果你习惯把浏览器字体放大,页面会优先让图文组合回到单列,并允许标题自然换行。移动端不会通过缩小正文字号来硬塞双栏。底部快捷栏文字也保持独立点击区域,避免因为字号变化互相覆盖。

竖图与横图都使用自身比例显示,不用固定高度裁掉主体。若某张图片尺寸很大,浏览器会按内容列宽缩小;若图片文件尚未上传,则页面不会预留巨大空白。这样的处理更适合不同设备和不同缩放比例。

触摸操作保持简单

手机端不依赖悬停才能发现入口,主要按钮和导航都有明确文字。分类菜单展开后仍然使用普通链接,关闭按钮也保持足够点击面积。页面不使用横向轮播作为主要导航,因此不需要在窄屏上反复左右拖动。

如果设备支持安全区,底部导航会为系统手势区域预留空间。正文和页脚也额外留出底部距离,避免最后几行文字被固定栏遮挡。