响应式设计的先进个关键理念是什么被称为流体网格的使用。建立一个“液态布局”，扩大与页面一直没有很受欢迎，因为创建固定宽度的布局，页面设计，是一个固定数量的像素跨越，然后在页面上居中。然而，当一个人认为今天的市场中存在数量庞大的屏幕分辨率，液态布局的好处是很大。
流体网格超越了传统的液态布局。设计布局基于刚性像素或任意百分比值，而是一个流体网格更精心设计的比例方面。布局时，被挤压到一个微小的移动设备或拉伸，在巨大的屏幕上，通过这种方式，所有的布局中的元素将调整它们的宽度的大小相对于彼此。
为了计算每个页面元素的比例，则必须将其上下文目标元素。目前做到这一点，较好的办法是先建立一个基于像素的图像编辑器。你可以衡量一个页面元素，并除以它的全宽度的页面。例如，如果你的布局是一个典型的像96低像素大小跨，那么这将是你的“容器”的价值。然后，我们的目标元素是一些任意的值，如300像素宽。如果我们将结果乘以100，我们得到了31.25％的百分比值。
