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

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

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

接着会排成一个三列的布局
截屏2019-10-31下午6.37.37.png

你可能感兴趣的:(1-4-4--(常见响应模式))