[TOC] # 响应式布局原理  # 响应式布局容器 响应式需要**一个父级**做为**布局容器**,来**配合子级元素**来实现**变化**效果。 原理就是在**不同屏幕下**,通过**媒体查询**来**改变**这个布局**容器**的**大小**,**再改变**里面**子元素**的**排列方式**和**大小**,从而**实现不同屏幕下**,看到**不同**的**页面布局和样式变化**。 ## 响应尺寸划分  ## 响应式布局水平居中 | 1、超小屏幕 | 小屏幕中等屏幕和大屏幕 | | --- | --- |