响应式网页布局可以大致分为四种模式
Mostly Fluid -- 大体流动模型
Column Drop -- 掉落列模型
Layout Shifter -- 活动布局模型
Off Canvas -- 画布溢出模型
掉落队列模型
在视窗最窄的时候,每个元素都纵向堆放
一个落在一个上面
当视窗变宽,元素随之扩展,直至到达第一个断点
在第一个断点,所有元素不再竖直堆放
而是前两个元素并排显示,第三个元素在它们下面
这些元素会继续随着视窗而延展,直至到达下一个断点
响应式网页布局可以大致分为四种模式
Mostly Fluid -- 大体流动模型
Column Drop -- 掉落列模型
Layout Shifter -- 活动布局模型
Off Canvas -- 画布溢出模型
掉落队列模型
在视窗最窄的时候,每个元素都纵向堆放
一个落在一个上面
当视窗变宽,元素随之扩展,直至到达第一个断点
在第一个断点,所有元素不再竖直堆放
而是前两个元素并排显示,第三个元素在它们下面
这些元素会继续随着视窗而延展,直至到达下一个断点