可视化调整 CSS Grid 参数,实时预览布局效果
这是浏览器端的 CSS Grid 布局调试工具,帮前端开发者不用写完整代码,就能快速调试 Grid 布局参数,验证布局效果。
完全基于浏览器原生 CSS Grid 规范渲染,所有预览结果和主流浏览器实际显示效果一致,可直接导出最终可用的 CSS 代码。
可以直接使用。导出代码是标准 CSS Grid 语法,适配所有支持 Grid 规范的主流浏览器。
当前最多支持 12 行 12 列,足够覆盖绝大多数常规布局场景。
当前版本暂不支持该功能,仅支持基础行列布局调试。
没有差异。直接用浏览器原生 CSS 引擎渲染,和实际项目显示效果一致。