响应式网站和自适应网站区别

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。