Css布局介绍
CSSGrid布局是目前CSS中最强大的布局系统。与flexbox的一维布局系统不同,CSSGrid布局是一个二维布局系统,也就意味着它可以同时处理列和行。它的目标是完全改变我们基于网格的用户界面的布局方式。Grid实现响应式布局特性:repeat(),fr,auto-fit,minmax()配合使用,只需要一行css即可搞定,比如:grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
CSSGrid布局是目前CSS中最强大的布局系统。与flexbox的一维布局系统不同,CSSGrid布局是一个二维布局系统,也就意味着它可以同时处理列和行。它的目标是完全改变我们基于网格的用户界面的布局方式。Grid实现响应式布局特性:repeat(),fr,auto-fit,minmax()配合使用,只需要一行css即可搞定,比如:grid-template-columns:repeat(auto-fit,minmax(200px,1fr));