也就是传统的网页设计模式，只需要制作一套大小的设计稿(如1280*800px)，一旦设备的分辨率宽度小于1280px，就会出现横向滚动条，一旦设备分辨率超过1280px，就会出现横向滚动条。这种布局方法对于设计人员和前端来说都很简单。

可将适应性布局视为一系列静态布局。适应性布局的特点是定义了针对不同屏幕分辨率的固定布局，也就是创建多种静态布局。一种静态布局相当于屏幕分辨率，通过改变屏幕分辨率可以切换不同的静态局部，但是页面元素并没有随着窗口大小而改变。简单地说就是需要定制多个端子，就需要出几组设计稿。

用百分数作为页面的基本单位，能够在一定范围内适应各种大小的设备屏幕和浏览器宽度，并能完美地利用有效空间展示最的最佳效果。

混合布局是指定义不同终端设备的屏幕分辨率(适合各种大小的PC.手机.穿戴等)的布局，在每一种布局中，页面元素会自动根据窗口进行调整，并结合百分比.像素作为基本单元的组合。将混合布局视为一种弹性布局，自适应布局的融合。简单地说，一组设计稿适用于多个终端。

适应性布局弹性布局混合布局两者都是一种应答布局。这些方法中，自适应布局实现成本较低，但可扩展性较差。

弹性布局和混合式布局是响应式布局最理想的实现方式。在许多情况下，单一布局响应不能达到理想的效果，需要将多种组合方式结合起来，但原则上尽量做到简明，并且在同一断点内(布局变化的临界点称为断点)，另外，页面实现过于复杂，同样会影响总体体验和页面性能。通用型式.等分结构的布局宜采用弹性布局，非等分格式多栏结构布局应采用混合布局。

与应答性开发相比，我接触到的网站项目已经变成了网页设计的一种习惯，而非一种奢侈。因此，牢牢把握响应式布局设计规范也是所必需的。

美好未来首创1对1项目负责制，项目经理专人全程负责。我们为您提供网站建设优化解决方案，互联网品牌建设与网络营销，设计、技术开发、网站和SEO优化行业的技术和数据支持服务、营销推广等服务。为您的企业获取网络流量，挖掘精准客户，达到更高的销售指标。是您的企业提升产品销量最好的伙伴。