1-4-4--(常见响应模式)

响应式网页布局可以大致分为四种模式
Mostly Fluid -- 大体流动模型
Column Drop -- 掉落列模型
Layout Shifter -- 活动布局模型
Off Canvas -- 画布溢出模型

掉落队列模型
在视窗最窄的时候，每个元素都纵向堆放
一个落在一个上面
当视窗变宽，元素随之扩展，直至到达第一个断点
在第一个断点，所有元素不再竖直堆放
而是前两个元素并排显示，第三个元素在它们下面
这些元素会继续随着视窗而延展，直至到达下一个断点

接着会排成一个三列的布局
截屏2019-10-31下午6.37.37.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容