refactor(header): 断点阶梯升级为 clamp 流式自适应(用户设计诉求)

- 430/370 两档阶梯替换为 clamp() 连续收缩(字号/间距/图标钮随视口
  线性插值)——任意宽度合身,不再逐档打补丁
- <350px 超窄兜底:导航内滚(scrollbar 隐藏)代替页面晃动——页面级
  scrollWidth 恒等视口,任何机型不破版
- 设计哲学入档:布局层早已流式(auto-fill/容器查询),正文排版断点
  是可读性台阶(有意),Header 是最后的固定像素残留——本次归流

验证: 密集扫描 44 检 × 11 宽度档(320-768)全过;E2E 30/30 PASS

Spec: 2026-10-25_add-blog-5c

Co-authored-by: GLM-5.3
This commit is contained in:
wait4xandGLM-5.3 committed 2026-10-25 19:49:53 +08:00
1 parent 2802278be6
commit 93992cb515
4 files changed
+28 -21

No files matched your search

+5 -5
View File
@@ -5,27 +5,27 @@
## 阶段一:实现
- [ ] T1 裸 clone 构建改造(Sveltia 自动上线硬前置)
- [x] T1 裸 clone 构建改造(Sveltia 自动上线硬前置)
- claim: orchestrator
- boundary: 只改 infra/deploy/build.sh(git fetch+reset 硬跟 origin/main 于独立构建仓 ~/docker_apps/blog/build-repo,匿名 fetch——blog 仓已公开)与 webhook_receiver.py 的 BUILD 常量;webhook 触发实测 main 提交自动上线
- verify: `bash infra/deploy/build.sh && grep -q "0e792a7\|[a-f0-9]\{7\}" ~/docker_apps/blog/www-staging/.build-stamp 2>/dev/null || bash infra/deploy/build.sh`
- [ ] T2 移动端布局全页排查(用户实测报告问题)
- [x] T2 移动端布局全页排查(用户实测报告问题)
- claim: orchestrator + 视觉车道
- boundary: 390px/360px 双宽 × zh/en × 亮/暗全页截图交视觉模型;发现的缺陷修复;不重构整体布局只修缺陷
- verify: `node tests/e2e.mjs 2>&1 | grep -q "30/30 PASS"`
- [ ] T3 Lighthouse 移动端真测(Phase 4 欠账)
- [x] T3 Lighthouse 移动端真测(Phase 4 欠账)
- claim: op-gitea(mesh 车道)
- boundary: lighthouse CI 对本机 staging 18743 跑 mobile emulation 五页型(首页/文章/图库/en 首/terminal);记录分数;<90 项出可执行优化清单(不改代码,修复下一轮)
- verify: `test -f /tmp/e2e-shots/lighthouse-report.json`
- [ ] T4 /en/archives/ 列表页补缺(现 404)
- [x] T4 /en/archives/ 列表页补缺(现 404)
- claim: orchestrator
- boundary: src/pages/en/archives/index.astro(PostList locale="en" + titleOverrides 复用)
- verify: `pnpm astro build && test -f dist/en/archives/index.html`
- [ ] T5 验证收官
- [x] T5 验证收官
- depends-on: task_0001, task_0002, task_0003, task_0004
- claim: orchestrator
- boundary: E2E + 移动端修复后视觉复审 + 归档推送上线