Touch-screen message actions get a 44x44 hit once gap and bottom margin open to 20px; fine-pointer geometry stays 27x34. Tablet CSS cuts at 1023 to match sidebarViewportForWidth. Report centre/reader join the 767 mobile cut; TOC keeps 860. Occupies BUG-695/696/697.
2.4 KiB
2.4 KiB
真机 / 浏览器清单 · 触控目标与断点(2026-09-15)
代码级合同在 frontend/tests/touch-target-contract.test.ts 与 viewport-breakpoint-contract.test.ts。下面这些必须用浏览器或真机看,自动化替代不了。
地址:https://staging.jyotisha.chat。截图不要带真实姓名、出生资料或会话内容。
A. BUG-695 回答操作按钮
桌面(鼠标,pointer: fine)
- 打开一条已有助手回答。
- 看: 复制 / 点赞 / 点踩 / 重新生成四个图标看起来仍是原来那么大、那么密,肉眼无变化。
手机或开了触屏仿真的 Chrome(pointer: coarse)
- 同一条回答。
- 看: 四个图标视觉仍是小的,但彼此之间空档更大,和下面的 follow-up 药丸也不贴在一起。
- 点: 点赞不要点成点踩;点复制不要点到点赞。四个都能单独点到。
- 若这条回答有代码块,点右上角复制。看: 热区够大,不会点空。
B. BUG-696 平板宽度 901 / 1023 / 1024
开发者工具设宽度,刷新后再看。
| 宽度 | 打开 | 看什么 |
|---|---|---|
| 901 | 空首页 | 今日星语和生时校正是单栏上下排,不是并排。侧栏是窄版平板(约 240px),不是桌面 288px。 |
| 901 | 设置 → 账户与点数里的兑换码表单 | 两列表单还在,没有突然变成桌面三列或挤成一团。 |
| 901 | 顶栏模型选择器 | 触发器占满当前格,没有和旁边控件抢位置。 |
| 1023 | 同上三处 | 仍按平板排,与 901 同类。 |
| 1024 | 同上三处 | 侧栏切到桌面宽度;首页两张产品卡可以回到两列。 |
C. BUG-697 报告页 761 / 800 / 860
需要一条已生成的专业报告。没有就先生成再测。
| 宽度 | 看什么 |
|---|---|
| 761 | 报告中心列表已是移动内边距;阅读页正文也是窄边距。目录若在阅读页,已经是抽屉而不是侧栏。 |
| 800 | 与 761 同类:目录仍是抽屉,正文用窄边距,不再出现「目录抽屉 + 桌面正文边距」的串台。 |
| 860 | 目录仍可以是抽屉(860 是第三栏内容宽度,允许比 767 更早塌)。正文边距与 767 移动规则一致。 |
| 861 | 目录可以回到侧栏。若这一档看起来挤,记下来,不要自己改 860。 |
结论
待填。测完写日期 + 设备 + 浏览器 + 逐条正常/有问题。