AI 智能体应用案例

今日新增

44全部 189 条

共 189 条,第 1–20 条

开发·编程实践示例

修复因标题过长导致移动端页面横向溢出的错误

作者发现 Markdown 工具中,过长的标识符标题会导致页面出现横向滚动条,于是用 Claude Code 对标题进行了换行处理。

使用方法

  1. Simon Willison 的 Markdown SVG 工具中,标题可能会出现没有空格的长字符串。
  2. 公开提交中,作者将换行处理方式进行了修改,以防止这类标题在移动端引发横向滚动。还附上了 Claude Code 会话链接。

结果

修复移动端标题溢出的代码变更已记录在 10 月 18 日的提交中。

注意事项

本案例根据提交中的问题描述和变更内容整理。并不代表网站所有移动端布局都已验证无误。

来源

GitHub 原文 ↗

示例提示词 · Claude Code

目标:修复因标题过长导致移动端页面横向溢出的错误。

输入·环境:[有问题的页面]、[用于复现的长标题字符串]、[移动端屏幕宽度]、[现有样式文件]。

参考原文:https://github.com/simonw/tools/commit/9a09bb60bb712fcd849af497d4dfc5ff62de9268

请复现当标题为长标识符时页面横向溢出的问题并进行修复。首先确认实际导致溢出的元素及其应用的 CSS。标题需可读且能换行,代码块或表格的横向滚动行为需区分并保持不变。请将修改做成小型补丁,并记录修复前后的页面和所测试的屏幕宽度。

不要猜测原文未提及的账号连接方式或成效,先说明所需设置和执行顺序。请从保留现有资料的工作副本开始,对无法访问的项目标明需进一步确认。

验证:请用无空格的长字符串、普通句子、韩文标题,在窄屏和桌面端分别检查。测量文档整体是否已无横向溢出,并确认其他元素未被截断或文字未重叠。

请整理结果,包括所用输入、执行记录和验证结果。未完成或未执行的部分请与已完成的工作区分。