jesse-ux
6c748d86b0
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.
47 lines
2.4 KiB
Markdown
47 lines
2.4 KiB
Markdown
# 真机 / 浏览器清单 · 触控目标与断点（2026-09-15）
|
||
|
||
代码级合同在 `frontend/tests/touch-target-contract.test.ts` 与 `viewport-breakpoint-contract.test.ts`。下面这些必须用浏览器或真机看，自动化替代不了。
|
||
|
||
地址：`https://staging.jyotisha.chat`。截图不要带真实姓名、出生资料或会话内容。
|
||
|
||
## A. BUG-695 回答操作按钮
|
||
|
||
### 桌面（鼠标，`pointer: fine`）
|
||
|
||
1. 打开一条已有助手回答。
|
||
2. **看：** 复制 / 点赞 / 点踩 / 重新生成四个图标看起来仍是原来那么大、那么密，肉眼无变化。
|
||
|
||
### 手机或开了触屏仿真的 Chrome（`pointer: coarse`）
|
||
|
||
1. 同一条回答。
|
||
2. **看：** 四个图标视觉仍是小的，但彼此之间空档更大，和下面的 follow-up 药丸也不贴在一起。
|
||
3. **点：** 点赞不要点成点踩；点复制不要点到点赞。四个都能单独点到。
|
||
4. 若这条回答有代码块，点右上角复制。**看：** 热区够大，不会点空。
|
||
|
||
## 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。 |
|
||
|
||
## 结论
|
||
|
||
> 待填。测完写日期 + 设备 + 浏览器 + 逐条正常/有问题。
|