響應式網站和自適應網站區別

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。