我试着解释一下这本书

固定布局

一种布局，其尺寸以像素表示，因此不能适应不同的屏幕尺寸或分辨率。如果屏幕太小，将显示滚动条。

流体和弹性布局

流体布局以视口的 * 百分比 * 定义。当窗口大小更改时，布局的尺寸也会相应更改。文本和图片保持其大小。
弹性布局是介于固定布局和流动布局之间的一种混合形式。元素宽度以 em 表示，这取决于字体大小。因此，当窗口大小改变时，布局不会改变，而是当字体大小改变时。原则上，这是大多数浏览器通过 * 页面缩放 *（CTRL+鼠标滚轮）提供的行为。

的

自适应布局

自适应布局原则上是一个存在于多个版本中的固定版本。根据可用的屏幕大小，它会在这些版本之间“跳转”。在断点之间，它的行为就像一个固定布局。

响应式布局

响应式布局结合了流体和自适应布局的属性。它在“断点”上变化很大，此外，它还像流体布局一样在这些断点之间伸展。它还允许内容缩放，即图片适应可用空间。

流体，弹性和响应式布局都是相同的.

只有Fixed Layout是一种将页面宽度固定为给定大小的布局，例如以像素为单位。
流体布局的宽度为100%，其元素通过屏幕分辨率排列。
响应式意味着网页元素通过屏幕分辨率排列.
看看这个流体样品：

1. Fluid Sample
2. Responsive的
   参考：-Twitter Bootstrap