响应式和自适应的区别是什么（简单的响应式网页实例）

之前有读者问到我，响应式网站和自适应网站有什么区别？其实，当小编还是网络小白的时候，是以为响应式网站和自适应网站是一样的，但是现在发现原来这两者其实是不一样的。因为从细分来看，自适应网站只是响应式网站的一个子集。

响应式网站的布局是一个能够兼容多个终端的网站，不是为每一个终端做一个特定版本的网站。通俗的说，就是做一个网站能够适应多种设备，而不用为每个设备做一个特定的版本，并且在不同的设备上展示的模式也会不一样，能够为不同终端的用户提供更舒适的界面和更好的浏览体验。

而自适应布局能够使网页自适应显示在不同大小的终端上，意思就是不同大小的设备上都能显示同样的界面，让同样的页面适应不同大小的屏幕，根据屏幕大小，自动调整布局。

这就是响应式网站和自适应网站的不同之处，这两者其实也没有太大的冲突，从理论上看，无论是哪种情况下，响应式的布局都会比自适应布局好一些，但是响应式布局的设计中，可能要面对比较多的情况，要把所有的情况都要把握好，预测好，才能做出一个成功的响应式网站。看吧，制作一个网站是一件不简单的事吧，也是需要细心、耐心和坚持才能做出一个完美的网站的。

当然，虽然这里解释了这么多，但是在大家的常识里，还是把响应式网站和自适应网站当成同一回事的。所以在实际使用时，也是完全没有必要去追究两者的区别的！