引言 我们在做官网类项目的时候，设计稿通常是使用按照1920*1080（16:9）的分辨率来设计的，但是电脑端的浏览器窗口宽度是不固定的，用户可能会根据使用场景随意拖动浏览器窗口宽高比，就会导致本来应

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

写在前面 布局的历史发展 随着互联网和相关设备的发展，前端的布局大概经历了这几个阶段：table布局阶段、div+css布局阶段、静态布局阶段、流式布局阶段、自适应布局阶段、响应式布局阶段、弹性布局

下周就要开始大屏的开发工作了，内容包含大块的数字展示区域，且数字在更新需要滚动效果。借此花点时间封装一下单个数字滚动组件