# 测试responsive

## 规则（Rules）

# 响应式测试 - 规范

## 1. 测试范围
- 必须覆盖桌面、平板、移动端三种设备
- 桌面端：1920×1080, 1440×900, 1366×768
- 平板端：1024×768, 768×1024
- 移动端：375×667, 414×896, 360×640

## 2. 测试原则
- 禁止仅测试单一尺寸就判定通过
- 禁止忽略影响功能使用的布局问题
- 调试完成后必须清理临时文件

## 方法（Methods）

# 响应式测试 - 方法

## 流程概览
```
确定测试设备范围 → 逐尺寸测试 → 记录问题 → 生成测试报告
```

## 步骤1：确定测试设备范围
确定要测试的屏幕尺寸列表。

## 步骤2：逐尺寸测试
对每个屏幕尺寸检查布局自适应、导航可用性、图片缩放、文本可读性、交互元素可点击性。

## 步骤3：记录问题
按错误报告格式记录每个问题（问题现象、位置、修改建议）。

## 步骤4：生成测试报告
以矩阵表格展示每个尺寸×每个页面的测试结果。

## 技巧（Tips）

# 响应式测试 - 技巧

## 1. 设备模拟
使用浏览器开发者工具的Device Mode模拟不同设备。

## 2. 断点测试
在CSS断点附近测试，最容易发现布局问题。

## 3. 问题定位
复制CSS到temp目录逐步调试，定位后再修改原文件。