响应式布局 采用自适应布局和流式布局的综合方式，为 不同屏幕分辨率范围 创建 流式布局 弹性布局 要点在于使用 ltttem和rem单位lttt 来定义元素宽度，与流式布局有极大的相似性，但也有不同之处，主要区别在于。

流式布局Liquid的特点也叫quotFluidquot 是页面元素的宽度按照屏幕分辨率进行适配调整，但整体布局不变代表作栅栏系统网格系统网页中主要的划分区域的尺寸使用百分数搭配min*max*属性使用，例如，设置网页。

固定像素大小的web页面是匹配固定像素大小的显示的最简单方法然而，这种方法不是一种完全兼容的方式来创建未来的web页面我们需要一些方法来适应未知的设备二流式布局 液体版面也称为“流体”的特点是页面元素的宽度。

确定响应式web设计的应用场景之后，和美工或设计师沟通，之前，一般需要美工出几套主流移动设备屏幕分辨率的设计图，现在，使用流式布局以及rem等可以使用一套设计图，以最常用的移动设备屏幕分辨率为基准2当美工完成。