CSS 和浏览器兼容性检查表
跨现代浏览器和设备的弹性布局的实用清单。
- 从语义 HTML 和无需 JavaScript 的可读布局开始。
- 使用功能查询，例如
@支持当增强取决于 CSS 功能时。 - 测试键盘焦点、缩放至 200%、减少运动、深色模式和强制颜色。
- 避免文本容器的高度固定；允许包裹和扩展。
- 当您的受众需要时，为更新的颜色函数、容器查询和高级选择器提供后备。
- 测试 Safari/iOS、Chromium 和 Firefox，而不是依赖一种引擎。
- 使用多语言和从右到左布局的逻辑属性。
- 检查打印样式和表单控件，而不仅仅是主要视觉布局。