自适应网页设计和响应式网页设计有什么区别

通俗的说，自适应网页设计也是响应式网页设计，响应式网页设计也是自适应网页设计。但是真正的细分起来，自适应只是响应式的一个子集，指网页中整体大图的自适应或者banner的自适应。

响应式设计可以一个网站兼容多个不同终端

响应式网页设计优势：流体网格的网站适合响应式网页设计。

1、灵活性强，可以适应不同分辨率的设备

2、方便快捷的解决多设备显示适应问题

自适应网页设计优势：固定断点的网站适合自适应网页设计。

1、实施起来代价更低，测试更容易

2、自适应布局可以让设计更加可控，因为它只需要考虑几种状态就可以了

虽然响应式/自适应网页设计会带来兼容各种设备工作量大、代码累赘、加载时间长的缺点，但它们能“一次设计，普遍适用”，可以根据屏幕分辨率自适应以及自动缩放、自动调整布局，它们不只是技术的实现，更多的是对于设计的全新思维模式。

现在说到做网站，大家会不约而同地说到响应式网站，这也是很多企业做网站的首选了。那么大家肯定会产生很多疑问：什么是响应式网站它有什么与众不同的优点吗

响应式网站又叫自适应网站，这种网站可以根据用户使用的设备，进行相应和调整，相同的网站和页面在手机、平板电脑、台式机、手提电脑上可以进行自动适配，根据不同的屏幕尺寸，显示出不同的界面。

响应式网站最大的优点是兼容性很强，可以适用于各种设备，包括手机、手提电脑、台式机、平板电脑等等，网站会自动调整显示方式，在这些设备上都可以看到网站的信息。而且这种网站的设计要求比较高，最后呈现的效果大多数都很赏心悦目。除此以外，维护工作难度非常低，只需要一个后台就可以完成多方面的维护工作，非常轻松，也很容易操作。

那么这种响应式网站就没有一点缺点吗也不完全是这样。

在制作响应式网站的前期工作是比较辛苦的，设计人员和前端开发人员、用户需要多方面密切的沟通，了解需求、确定多个原型界面的线框、尺寸等等，此外，工作人员还需要多次测试多个界面的兼容性、稳定性，这需要耗费很多时间和精力。而且目前精通响应式网站制作技术的程序员并不多，而这两项技术需要长期的学习和实践才能熟练掌握，这也给响应式网站的推广和发展带来一定的难度。

帮忙点个采纳谢谢！

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com