1、自适应网站
自适应网站源码特征：
（1）宽度百分比布局
（2）文字rem（em）设置大小
展示形式：自适应是为了解决如何才能在不同大小的设备上呈现同样的网页，网站的内容和布局是没有变的。
2、响应式网站
最著名的是前端框架bootstrap（http://v3.bootcss.com/css/），采用响应式的栅格系统布局。
与自适应网站区别是：
响应式网站可以自动识别屏幕宽度、并做出相应调整的网页设计，布局和展示的内容可能会有所变动。
下面给出2个网站供大家体验：
自适应网站：http://m.ctrip.com/html5/
响应式网站：http://v3.bootcss.com/css/
请将屏幕由大变小查看布局效果。
部分内容来源于博客：http://blog.csdn.net/zxl1033394132/article/details/50574382。