CSS Grid Overlay

• 简介：开发者工具
• 攻略：下载的 crx 插件如何安装到浏览器上？

跨断点轻松检查页面的网格对齐方式。
支持多个断点和常用的网格值（装订线、列、最大宽度等）。
配置可以轻松保存并作为 json 对象在团队成员之间共享。
示例配置：
[
{
“列”：4，
"margins": 16, // 第一列和最后一列前后的像素
// 这些排水沟像边距一样工作：
// 如果列之间的距离为 32px，则间距为 16
“排水沟”：16，
"from": 0, // px 中断点的开始
// 可选值
// "to": 599, px 中的断点结束
// 网格将在此 maxWidth 之后居中，以 px 为单位
// 否则它将是全宽
// "maxWidth": 1440,
// 如果你想移动网格
//（例如在带有左侧边栏的样式指南中
// 您将使用 offsetLeft 将网格向右推
// "offsetTop": 0,
// "offsetRight": 0,
// "偏移底部": 0,
// "offsetLeft": 0,
//“背景颜色”：{
// "列": "rgba(234, 23, 140, .3)",
// "gutters": "rgba(0, 231, 255, .3)",
// "margins": "rgba(0, 191, 165, .3)"
// }
}
]