桌面浏览器连续浏览
适合在较宽视口中阅读长列表、对比摘要并使用键盘快速移动焦点。
常见使用场景
浏览器环境不同，阅读与操作重点也不同
笔记本设备观看与阅读
建议保留浏览器默认缩放附近的比例，避免过度放大导致导航与正文频繁换行。
移动浏览器临时访问
页面会减少并排内容，优先呈现核心标题、正文和主要链接，触控区域保持清晰。
平板横竖屏切换
布局会根据宽度在单栏和双栏之间调整，图片维持比例，内容顺序保持一致。
弱网环境下的基础可用性
核心文字和导航不依赖 JavaScript 才能出现，即使增强交互未加载，主要页面仍可直接访问。
键盘导航与辅助访问
交互元素提供清晰焦点状态，菜单按钮同步 aria-expanded，便于键盘和辅助技术识别当前状态。
桌面与移动
同一主题，按屏幕重新组织，而不是机械缩放
桌面端更适合并列展示摘要与辅助说明；移动端则按单栏重新排序，保证核心标题、正文与主要链接先出现。JavaScript 只增强菜单与返回顶部，核心页面访问不依赖脚本。
- 桌面端保持较宽核心阅读区
- 小屏减少多栏与视觉堆叠
- 图片随容器等比缩放
- 键盘焦点状态清晰可见
- 菜单状态与 aria-expanded 同步
下一步