gr单位的定义，还不尝试用

fr单位的定义

网格容器，网格项，网格线，网格轨道，网格区域，fr单位，gr单位

相信一定有人会想知道 fr 和 gr 是何含义，fr 是 fractional 的前两个字母，代表等分的部分 类似 flex 属性的效果；gr 是 grid 的前两个字母，代表网格数 是按照多少个网格来分空间，尽管其还未受到支持。

如何应用 网格布局

网格轨道（1,2网格线之间），网格单元（四个网格线组成的小单元），网格区域（2个及以上网格单元组成的）

单位：

fr类似于flex比例分布

gr不常用

grid的单位  

fr单位含义即为flex中的份数, 占比的意思;

gr指代网格数, 还不是规范, 不应当使用;

单位

fr-->剩余空间分配数，类似于flex布局的属性flex-grow

gr-->网格数（目前w3c并未采纳这个单位）

网格区域

--四个网格线包围的中总空间

网格单元--grid cell

--两个相邻的列网格线和两个相邻的行网格线组成的是网格单元

注意

要区分网格单元和网格项，网格项是实实在在存在的，而网格单元则如同图中空白的区域，是找不到的

网格轨道

--两个相邻的网格线之间为网格轨道

网格轨道：两个相邻的网格线之间为网格轨道，可以到达容器边缘。

网格单元：一个网格子，有网格线决定，里面可以不包含元素，不同于网格项。

网格区域：多个网格单元。

单位：fr——剩余空间分配数，可按比例分配。gr——网格数（还在不断完善当中）。

Grid Track:网格轨道。顶到容器边缘

Grid Cell:网格单元

Grid Area：网格区域

fr:剩余空间分配数

gr:网格数