When will CSS Grid Lanes arrive?
4 months ago
- #Frontend
- #Web Development
- #CSS
- CSS Grid Lanes 是用于创建CSS砖石风格布局的新工具
- 当前实现情况：Safari技术预览版已确定最终语法；Edge、Chrome和Firefox正在推进
- Firefox最早在CSS Grid Level 3（2019-2020）提出砖石风格布局方案
- Safari于2022年开始实现，并在Safari技术预览版163（2023年2月）默认启用
- Chrome和Edge曾试验替代方案，现正更新至最终确定语法
- 开发者可通过渐进增强技术开始使用Grid Lanes
- 方案1：对不支持浏览器使用JavaScript polyfill（如Masonry.js）作为回退
- 方案2：使用Grid Level 1、Flexbox或多列布局替代Grid Lanes
- 方案3：为不支持浏览器提供CSS回退方案（如Grid Level 1）的同时使用Grid Lanes
- 特性查询（@supports）可基于Grid Lanes支持情况条件化应用CSS
- 开发者可强制统一宽高比并为回退布局截断文本
- 渐进增强策略允许在浏览器全面支持前使用Grid Lanes