有时人们会混淆两种类型的网站设计：自适应和响应。它们确实相似，但它们是不同的技术，您需要知道如何区分它们。
自适应设计（AWD）——自适应设计（又称动态显示）。该网站的设计条件会根据打开的设备而变化，并使用几个固定宽度的布局作为基础。
自适应网页设计面向设备尺寸（响应式则不然）。它使用控制（断点）点作为基础，针对不同类型的设备（台式机、智能手机、平板电脑）采用多种静态布局。要加载布局，小工具上需要 马其顿电话号码列表 特定的浏览器窗口大小；布局之间的转换并不流畅，而是相当跳跃。
通常，根据屏幕宽度使用 6 种自适应布局选项：
320；
480；
760；
960；
1200；
1600。
自适应布局的主要作用在于功能。在进行设计时，他们会考虑设备的特性，例如手机的触摸屏或桌面屏幕的可用大空间。
响应式设计（RWD）是一种响应式设计。站点设计有某些属性值（例如，灵活的网格），允许一个布局在不同的小工具上工作。
响应式布局是使用媒体查询和使用 % 指定的网格项的相对大小创建的。在自适应设计的情况下，服务器脚本首先识别用于访问网站的设备类型（台式计算机、平板电脑、智能手机），然后加载针对给定设备的最优化版本的页面。网格元素被赋予固定的 px 尺寸。
因此，这两种技术之间的主要区别在于：
响应式设计 响应式设计
所有设备均采用一种布局 每种设备类型对应一种布局
只有了解每种设计类型的优缺点，您才能知道哪种设计适合您。此外，您还应该知道哪些解决方案最适合不同类型的站点和设备。
对于具有灵活（“橡胶”）结构的网站，最好使用响应式网页设计。否则，您可能会花费大量时间和资源重新设计手机或平板电脑的页面，以弥补灵活性的缺乏。
这种方法并非没有缺点。由于网站设计中使用的图像和其他视觉元素具有高分辨率，因此加载速度明显降低。这也许是主要的缺点。
如果您采用响应式方法，您的设计师将始终受到这种限制的困扰，因为好的视觉组件可能需要很长时间才能在移动设备上加载。
响应式网页设计
响应式设计的原理有些不同。这里根据用户使用的设备将他们划分为不同类别。
如果使用响应式设计制作的网站在任何设备的屏幕上的外观都相同，那么自适应技术在识别出网络资源是从哪种设备访问后，会显示专门为这种类型的设备创建的版本。
例如，如果您想通过手机查看博客的常规页面，而页面中包含的图片太多：照片、文本片段、标题、“分享”按钮等，那么打开该页面将需要很长时间。此外，在小屏幕上，该页面会显得超载。