http://www . sogo.com的基本概念：当使用不同的设备浏览时，会显示不同的网页。网页的内容和布局风格相似或完全不同，它们属于电脑端的不同网站模板。数据库的内容独立地相同或不同。目的是为了符合访问者的浏览，即通过宽度来调整网页内容的大小，以便不同大小的设备看到的网站内容和布局是相同的。图像就像同一张照片，它的大小是根据不同的比例显示的。对于一些优化人员来说，他们更习惯于同步数据库，使PC端的网址和内容与移动端的网址和内容一一对应。

响应性和适应性布局都是为了解决在不同大小和分辨率的设备上正确显示网页的问题而设计的。区别在于两种布局方法采用不同的解决方案。

事实上，一种新的布局方法是宽度自适应布局。平时谈到自适应布局，大多时候是指宽度自适应布局。适应是解决如何在不同大小和分辨率的设备上呈现相同的网页。在网页内容和布局主体基本不变的前提下，同一页面自动适应不同尺寸和分辨率的设备，并根据设备屏幕宽度自动调整网页内容大小。

这将导致一个问题，即如果设备太小，即使网页可以根据屏幕大小进行调整，但是如果屏幕上显示的内容太小，用户体验将会受到极大的损害。

响应式布局就是为解决这个问题而衍生出来的一种新布局。它可以自动识别屏幕大小，并对网页设计进行相应的调整。页面布局和显示的内容可能会随着屏幕大小而变化。

一般来说，反应和适应的原则是相似的。它们都是探测设备。不同的设备采用不同的css。此外，css采用百分比而不是固定宽度。不同之处在于，响应网站在不同设备上的外观不同，并且会随着设备的变化而改变模板样式、模块布局和显示样式。然而，自适应是不可能的。所有设备看起来像同一个网站，但长度或图片变小，不同的设备不会采用不同的显示方式。