响应式和自适应式就是为多设备浏览网站创建这两种方法，可以在多种屏幕尺寸下工作。虽然响应式网站建设是Google推荐的，但这是目前比较流行的两种方法。对于多设备网页设计，这两种方法各有优缺点。接下来日成传媒和我们一起来看看响应式和自适应式网页设计的区别，特别关注以下几个关键领域:
一、易于开发
响应式和自适应式网页设计之间最显著的区别是这些解决方案应用于网站的方式。因为响应式设计创造了一个完全流畅的布局，所以最好在你的项目中使用重新设计的网站。试图转换现有网站的代码并变得有响应能力通常是一件艰难的事情，因为你根本没有控制水平。如果你是从零开始开发这些代码，并采用响应式设计，那么这个过程的最早阶段就会被考虑在内。如果您正在使用现有的固定宽度网站，自适应方法意味着您可以保留网站的完整大小，并根据需要自适应地添加额外的断点。在某些情况下，如果项目的预算很小，并且只容纳少量的开发工作，您可以选择只为小屏幕/移动中心大小添加新的自适应断点。这意味着你将允许更大的屏幕，都使用相同的布局。
二。高水平的定义
当我们进入响应式和自适应式网页设计的对比时，让我们花点时间来看看这两种方法的高级定义。网站的响应有一个流动的布局，改变和适应，不管使用的屏幕大小。自适应设计，使用基于预定断点的固定大小来为客户提供最合适的布局版本，因为这是在页面第一次加载和找到屏幕大小的时候。有了这些宽泛的定义，让我们来谈谈我们的重点领域。
三。支持的广度
自适应网站需要对屏幕尺寸的检测无论是服务器端组件或Javascript。显然，如果一个自适应网站需要JavaScript，这意味着浏览器需要有它启用，以使该站点正常工作。这可能不是一个大问题，因为大多数人都会有使用Javascript在他们的浏览器。网站的响应和动力他们媒体查询将在所有现代浏览器正常工作。你将有唯一的问题是用最古老的版本的Internet Explorer自8及以下版本不
支持媒体查询。要解决此，一个Javascript填充工具经常使用，这意味着有JavaScript的依赖在这里为好，至少在IE浏览器的那些过时的版本。同样，这可能并不多你一个问题，特别是如果你的网站的分析表明您没有收到使用这些旧版浏览器众多参观者。
四。设计控制
响应式网站的优势之一是其移动性使其能够适应和支持所有屏幕尺寸，而不仅仅是通过自适应方法确定的预设断点。然而事实是，响应式网站可以看到，一些关键屏幕尺寸(对应市场上流行设备的一般尺寸)非常大，但视觉设计往往会在这些流行分辨率之间出现断裂。
有了自适应网站，你就有了各种各样被使用过的布局和设计控件，因为它们是基于既定断点固定的。这些尴尬的状态之间是没有问题的，也因为你精心设计的每个断点的显示屏，才会传递给来访者。
