栏目目录:在手机和平板上展开完整分组
页眉下方的“栏目目录”使用浏览器原生 details。点击后内容在正常文档流中展开并推开正文,不会形成全屏遮罩。目录按五组展示全部栏目,每一项都有真实页面链接与简短说明。再次点击 summary 或使用面板底部的收起按钮即可关闭。
站内查找:输入栏目、主题或阅读说明关键词
“站内查找”同样使用原生 details。输入内容后,JavaScript 只对已经由 PHP 输出的静态结果进行筛选,不会请求外部搜索服务。清空输入可恢复完整目录;关闭 JavaScript 时结果列表仍然完整可见,因此不会出现空白搜索区。
内容锚点:从首页直接到达对应解释段落
部分首页摘要会链接到内页的固定锚点,例如预告语境、旧信息再传播、会员服务条件、两篇编辑观察和主题索引。点击后浏览器会滚动到真实存在的段落。锚点只是定位工具,不会隐藏其他正文,也不会改变页面 URL 之外的访问权限。
读者问答:FAQ 与工具区互不干扰
FAQ 使用独立的原生 details 与 summary。工具区脚本只管理页眉中的目录和站内查找,不会自动关闭 FAQ 条目。即使禁用 JavaScript,问答仍可以逐项展开阅读,答案全部由服务器直接输出。
图片显示:以完整画面优先,不裁掉主体
所有内容图使用真实 img 标签并保持原始比例。页面会在服务器可读取文件时输出宽高属性,CSS 使用 contain 方式限制最大尺寸。图片缺失时显示简洁栏目色块而不是破损图标,不会将其他栏目图片反复填充,也不会显示服务器路径。
手机底部导航:五个主要入口始终保持可点击
小于 768 像素时,页面底部显示首页、摘读、查证、索引和应用五项入口。正文与页脚预留了导航高度和安全区,最后一行文字可以完整滚动到导航上方。完整栏目仍可通过顶部目录与页脚访问。
键盘与无脚本阅读:核心内容不依赖特殊交互
页眉工具可通过键盘聚焦并使用 Enter 或 Space 展开,Esc 只会收起当前打开的目录或查找区域并把焦点还给对应标题。页面不会锁定滚动,也不会强制焦点循环。关闭 JavaScript 后,目录、静态查找结果、FAQ、正文、相关链接与页脚仍由 HTML 直接提供,因此主要阅读路径不会因脚本失败而消失。
页面缩放与小屏阅读:不需要横向拖动才能看完整正文
正文网格会在窄屏转换为单列或更少列数,长标题允许换行,表格在手机上按字段转为纵向条目。页面不禁用浏览器缩放,也不设置需要左右滑动的正文卡片条。若图片尺寸较大,只会等比缩小到内容区内,不会为了塞进固定框而裁掉边缘。