响应式网页设计

响应式网页设计考虑到多平台、多种屏幕尺寸的情况，能够优化多种设备的网络浏览体验。在进行响应式设计时，要专门针对内容进行设计，优先考虑在不同环境下内容的适应性。

栅格系统

⭐ 栅格系统的含义是以规则的网格阵列来指导规范界面中的版面布局以及信息分布，辅助设计人员组织信息的工具，尽可能保证设计与开发过程的规范高效，并提高布局视效的一致性，让页面设计变得有规律，从而减少了设计决策成本。

⭐ 栅格系统主要由 Container：容器、Columns :列宽、Gutters：水槽、出血：Margin 四部分组成。

⭐ 响应式可以响应的前提有两点：1、页面布局具有规律性、2、元素宽高可用百分比代替固定数值。

⭐ 基于栅格系统和间距系统进行设计的组件化与模块化，因此栅格同样利于设计师和开发人员对组件和模块的复用，进一步提升效率，也能够指导页面在多平台多屏幕尺寸下的自适应设计。