栅格系统

是运用固定的格子规范界面中的版面布局以及信息分布，把页面水平分成 12 格或者 24 格，通过约定的 class 来控制元素占几个格子。

原理

• 是浮动+百分比+媒体查询
• 或者 flex+百分比+媒体查询

预览地址：http://js.jirengu.com/teravofite/1/watch?html,css,output 参考文章：https://zhuanlan.zhihu.com/p/61401978