兼容性
产品在不同环境运行时都应有统一的体验。
浏览器分级（GBS，Graded Browser Support）
通过对市面上不同浏览器和版本进行分级，来统一确定其支持程度。
分级定义
浏览器被分为 S、A、B、C、X 五个等级：
- S：最新浏览器。每个浏览器的最新两个版本。
- A：主流浏览器。最近两年内发布的浏览器版本。
- B：常见浏览器。覆盖大部分用户的浏览器版本。
- C：过时浏览器。已淘汰的浏览器版本。
- X：未知浏览器。已知浏览器的变种。
分级支持
针对不同分级的浏览器，提供不同程度的支持：
- S：完全支持。
- A：支持，但允许降低性能。
- B：支持，但允许降低用户体验。
- C：不支持。
- X：根据实际用户数决定支持程度。
分级列表
参考分级定义和浏览器对 HTML5 的支持程度，实际项目中对各浏览器分级如下：
Windows
| 浏览器 | S 级 | A 级 | B 级 | C 级 |
|---|---|---|---|---|
| IE | 10+ | 8+ | 6+ | |
| Edge | 14+ | 13+ | 12+ | |
| Chrome | 60+ | 23+ | 11+ | 1+ |
| FireFox | 55+ | 21+ | 4+ | 3+ |
| Safari | 10+ | 5+ | ||
| Opera | 42+ | 10.1+ |
Mac(OS X)
| 浏览器 | S 级 | A 级 | B 级 | C 级 |
|---|---|---|---|---|
| Safari | 10+ | 8+ | 6.1+ | 3.1+ |
| Chrome | 60+ | 23+ | 4+ | 2+ |
| FireFox | 55+ | 21+ | 4+ | 3+ |
| Opera | 42+ | 10.1+ |
Android
| 浏览器 | S 级 | A 级 | B 级 | C 级 |
|---|---|---|---|---|
| Stock | 4.4+ | 4+ | 2.1+ | 2+ |
| Chrome | 60+ | 23+ | 4+ | 2+ |
| FireFox | 50+ | 8+ | ||
| Opera | 12+ | 10.1+ | ||
| Opera Mini | 8+ | 7+ | ||
| UC | 11+ | 10+ | 8+ | 6+ |
iOS
| 浏览器 | S 级 | A 级 | B 级 | C 级 |
|---|---|---|---|---|
| Safari | 10+ | 7+ | 6+ | 3+ |
| Chrome | 60+ | 23+ | 4+ | 2+ |
| FireFox | 50+ | 8+ | ||
| Opera | 12+ | 10.1+ | ||
| Opera Mini | 8+ | 7+ | ||
| UC | 11+ | 10+ |
Windows Mobile
| 浏览器 | S 级 | A 级 | B 级 | C 级 |
|---|---|---|---|---|
| IE | 11+ | 10+ | 9+ |
其它未在以上表格出现的浏览器版本，包括国产浏览器（如 360浏览器、QQ浏览器、百度浏览器等）统一定为 X 级。
根据以上分级，A 级浏览器将完全支持 HTML5、CSS 3 和 ECMAScript 5。
另参考：
分辨率分级
通过对市面上不同分辨率进行分级，来统一确定其布局方式。
| 分级 | 描述 | 分辨率宽度 | 示例 |
|---|---|---|---|
| larger | 高清屏 | ≥ 1920 | 高清显示器、电视 |
| large | 大屏 | ≥ 1025 | 笔记本电脑 |
| medium | 中屏 | ≥ 641 | 平板电脑 |
| small | 小屏 | ≤ 640 | 手机 |
| smaller | 微屏 | ≤ 320 | 手表 |
项目中为了节约设计资源，一般只区分小屏设备（手机）和大屏设备（平板、电脑）。