视觉 Bug / Visual Bugs

定义 / Definition

视觉 Bug 指界面元素显示异常而功能正常的图形用户界面问题。

Visual bugs are issues related to the graphical user interface where elements are displayed incorrectly but the functionality still works.

严重等级判定 / Severity Guidelines

严重等级	判定标准	示例
致命	完全无法使用	内容完全不可读
严重	关键 UI 元素损坏	导航菜单重叠内容
中等	明显但可用	按钮轻微偏移
轻微	轻微外观问题	差 1px、颜色略有偏差

常见视觉 Bug 类型 / Common Visual Bug Types

1. 跨浏览器问题 — Chrome 正常但 Firefox 异常 2. 响应式断裂 — 移动端/平板布局异常 3. 文字溢出 — 文字超出容器 4. 图片缺失 — 图片损坏、图标缺失 5. CSS 不一致 — 类似元素样式不同

报告最佳实践 / Best Practices for Reporting

始终包含： - 截图 展示缺陷 - 预期外观（设计稿或描述） - 浏览器/设备信息 - 视口大小（响应式问题）