响应式网站的布局设计主要有两种方式来实现，第一种方式是从移动端向上设计也叫做移动优先，第二种方式是从桌面端向下设计。也叫做桌面优先。虽然有两种不同的方式，但它们都有一个共同点就是无论是哪一种模式的设计都需要兼容所有的设备，那么就必须要对模块的布局做一些相应的变化以此来改变网页的布局方式。

1、布局不变

网站页面中整体模块布局没有发生变化，主要会有以下布局方式:模块中的内容挤压变成拉伸，换行变成平铺，删减变成增加这几种方式。

2、布局改变

当网站对整体模块布局发生变化时会有以下的布局方式:模块的位置产生变换，模块展示的方式发生改变，即隐藏变成展开，还有模块的数量也会发生改变。删减变成增加。

响应式网站设计的不同的排版布局需要使用不一样的实现方式。在很多的时候单一方式的布局响应方式是有一定的局限性的，它并不能很好地满足理想的效果，所以这种时候就要与多种组合方式相结合。但响应式网站上的布局最好是简单一点轻巧一点，布局上要保持协调。页面的布局不能太过复杂，如果过于复杂的话就会影响网站的整体的体验和网站页面的性能，所以在设计时要考虑到响应式网站布局的整体，从整体深入局部细化。