第一、灵活切换的固定模式布局。

这种类型的响应式设计是根据当前主流的各种设备尺寸，对页面的宽度进行灵活调整，形成一组页面布局设计，通过设备屏幕尺寸的测试效果来选择最佳的布局尺寸。这种类型的响应式网站建设成本较低，但也存在缺陷，该网站无法适应千变万化的设备，导致后期需要更换麻烦。

第二、具有弹性效果的布局。

这种类型的布局设计比第一种布局更灵活，主要是通过像素百分比调试的方式，设置一定范围的站点大小，然后可以根据需要调整站点大小来设置设备的大小，现场可以在很长一段时间内确保不会因设备的演进而被淘汰。但是，这种布局也有其缺点。它通常更适合于等分结构或横幅页面设计，而其他则使用起来更复杂。

第三、混合模式的布局。

除了上述两种布局的优点之外，响应式布局的混合模式还可以实现更平滑的呈现效果，包括像素混合和百分比混合。它可以完美地利用网站的空间资源并将网站呈现给用户，但其网络成本较高。

许多网站也会同时采用混合搭配设计的形式，网站最好保持简单轻巧的原则，网页的实现过于复杂，会影响用户体验，最终意图网站设计将失去其价值和意义。