在響應式網站設計剛出現的階段，以及后來自適應網站設計的提倡，在這段時間里，一直覺得這兩種網站設計方式就是同一種制作方法，但經過一段時間研究，發現他們還是有所不同的。今天上海網站建設公司木辰小編就跟大家分享一下：

　　1、響應式設計

　　響應式設計是Ethan Marcotte在2010年5月份提出的一個概念，簡而言之，就是一個網站能夠兼容多個終端—而不是為每個終端做一個特定的版本。這個概念是為解決移動互聯網瀏覽而誕生的。

　　2、自適應設計

　　自適應設計指能使網頁自適應顯示在不同大小終端設備上新網頁設計方式及技術。

　　3、他們的區別：

　　響應式設計實現原理

　　是為不同類別得物理設備建立相同的網頁(pc、平板、手機、手表等)，檢測到設備分辨率大小后調用相應的網頁。(技術成本最高)

　　自適應設計實現原理

　　是為同類別的物理設備建立三種不同的網頁(PC)，檢測到設備分辨率大小后調用相應的網頁。(可以只適應pc不同分辨率，比如設置四檔位寬度990、1200、1500、1710技術成本較低)

　　4、他們各自的優缺點：

　　響應式網站優點：

　　面對不同分辨率設備靈活性強

　　能夠快捷解決多設備顯示適應問題

　　響應式網站缺點：

　　僅適用布局、信息、框架并不復雜的部門類型網站

　　兼容各種設備工作量大，效率低下

　　代碼累贅，會出現隱藏無用的元素，加載時間加長

　　其實這是一種折中性質的設計解決方案，多方面因素影響而達不到最佳效果

　　一定程度上改變了網站原有的布局結構，會出現用戶混淆的情況

　　自適應網站優點：

　　對網站的復雜程度兼容性更大

　　實施起來代價更低，

　　代碼更高效

　　測試更容易，運營相對更精準(圖片可控性更高)

　　自適應網站缺點

　　在移動端設計大行其道之下，同一個網站，往往需要為不同的設備開發不同的頁面，增加開發成本

　　其實這是復雜類型網站設計的一種最優方案，雖然增加了開發運營成本，但是換回了更精準的運營、框架擴展度更高，用戶加載更迅速，是極其劃算的一件事情，這也是自適應設計成為當下主流網站采用的布局方式的重要原因之一

　　目前兩種網站設計方式都在使用，那在項目制作時，具體選用哪種方式，具體還要看項目的需求來進行選擇。

聲明：本文由 網站建設-上海木辰科技 收集整理的《上海自適應網站設計與響應式網站設計的區別點在哪里？》，如轉載請保留鏈接:http://www.weibaile.cn/news_in/506