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