响应式布局

1、对页面进行响应式的设计实现，需要对相同内容进行不同宽度的布局设计，有两种方式：桌面优先（从桌面端开始向下设计）；移动优先（从移动端向上设计）；

2、布局不变，即页面中整体模块布局不发生变化，主要有：

模块中内容：挤压－拉伸；
模块中内容：换行－平铺；
模块中内容：删减－增加；

3、布局改变，即页面中的整体模块布局发生变化，主要有：

模块位置变换；
模块展示方式改变：隐藏－展开；
模块数量改变：删减－增加；

4、无论基于那种模式的设计，要兼容所有设备，布局响应时不可避免地需要对模块布局做一些变化（发生布局改变的临界点称之为断点）。

转载于:https://www.cnblogs.com/resist/p/6585646.html