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

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

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。