谈论回应式布局之前，我们先对网页设计中整体页面的排版布局进行了梳理，常见的有以下几种类型：
设计实现。
以什么方式实现布局设计，也有不同的方法，本文根据页面的实现单元分为四类：固定布局、可切换固定布局、弹性布局、混合布局。

定式：以像素为基本单位，不考虑设备屏幕和浏览器的宽度，只设计一套大小；
可变固定布局：同样以像素为单位，参照主流设备尺寸，设计多组不同宽度的布局。设置其他屏幕尺寸或浏览宽度，选择最合适的那组宽度布局；
郑州做网站公司灵活布局：页面以百分比为基本单位，可适应一定范围内设备屏幕和浏览器的各种大小，并能完美利用有效空间展现最佳效果；
混合式布局：与弹性布局相似，可适应一定范围内各种尺寸的设备屏幕和浏览器宽度，并可完美地利用有效空间展现最佳效果；只需将像素、比例和像素混合为页面单元。