Css布局介绍

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