grid布局中的grid-template-columns属性和grid-template-rows属性参数说明

 1.grid-template-columns属性（布局需要的竖列）；

grid-template-columns:1fr; //1列占满
grid-template-columns:1fr 1fr; //2列均分
grid-template-columns:1fr 300px; //第2列为300，第一列占满剩余；

 2.grid-template-rows属性（布局需要的横行）

grid-template-rows:1fr;//1行占满
grid-template-rows:1fr 1fr; //2行均分
grid-template-rows:1fr 300px; //第2行为300，第一行占满剩余；