设备与浏览器

手机、平板与桌面端访问17c

主要页面采用响应式布局，并把关键正文放在服务端输出的HTML中；不同设备主要改变布局，不改变内容主题。

桌面浏览器访问

桌面端适合同时查看主题说明和较高密度的视频索引。页面主体宽度会限制在适合阅读的范围，超宽屏不会把正文无限拉长。主导航位于页面顶部，滚动时保持可访问。

如果页面样式没有正常加载，可先刷新页面并确认浏览器没有阻止站点样式文件。核心正文由服务器输出，因此即使JavaScript加载失败，主要文字和链接仍应存在。

使用键盘浏览时，可以通过Tab在链接和按钮之间移动；移动导航只在较窄屏幕出现，桌面端不需要依赖折叠菜单访问主要页面。

手机宽度下，导航会折叠为菜单按钮，正文、卡片和图片改为单列或较少列数排列。主要入口仍保留在正常HTML中，不会因为移动端布局变化而丢失核心链接。

如果展开菜单后想快速关闭，可再次点击菜单按钮或按Escape。关闭后焦点会返回菜单按钮，方便键盘或辅助设备继续操作。

长页面阅读时，可以从当前主题内的文字链接继续跳转，避免频繁返回搜索结果。一起草页面和在线视频页面在手机上会保持相同主题关系，只调整空间布局。

平板设备处于横屏时通常接近桌面布局，竖屏时则更接近移动布局。站点使用弹性网格，不要求设备精确匹配某个固定型号。

如果在旋转设备后菜单状态异常，可以再次点击菜单按钮或刷新页面。响应式脚本会在宽度恢复到桌面范围后自动关闭移动菜单。

图片使用自适应宽度并保留原始比例，正常情况下不会为了填满容器而拉伸变形。

若只有文字没有样式，可能是style.css未加载；若菜单按钮没有响应，但正文正常，则可能是main.js未加载。两种情况下核心页面内容都应保持可访问。

若图片显示为空白，应检查对应WebP资源是否已经部署到网站根目录，并确认文件名大小写与源码引用一致。源码不会通过file_exists隐藏图片节点。

如果出现404，应检查请求地址和文件是否实际存在。站点对不存在页面返回404状态，并提供返回首页、一起草和在线视频的继续浏览入口。

移动网络下可以优先阅读文字索引和摘要，再决定是否继续进入图像较多的主题。页面并不会为了填充版式一次性使用全部固定图片资源。

浏览主题索引可以在较少页面跳转中确认目标，适合网络条件一般时使用。对于只需要品牌入口说明的用户，没有必要进入所有视频内容分组。

如果设备启用了系统级“减少动态效果”，页面会取消平滑滚动和过渡动画，以减少不必要的视觉运动。

JavaScript用于增强移动菜单状态与键盘交互，不负责加载核心正文、页面标题或主要SEO内容。

在脚本不可用时，桌面端主要导航仍以HTML链接存在；小屏设备可能失去折叠菜单增强，但用户仍可通过正文中的主题链接、页脚链接和直接地址访问核心页面。

站点不通过Fetch或外部API在浏览器端异步获取核心正文，因此不会出现脚本失败后主要内容完全空白的情况。