什么是自適應(yīng)網(wǎng)站，什么是響應(yīng)式網(wǎng)站？

經(jīng)常會有人問什么是自適應(yīng)網(wǎng)站，什么是響應(yīng)式網(wǎng)站？
自適應(yīng)網(wǎng)站與響應(yīng)式網(wǎng)站的區(qū)別在哪？兩者之間有什么區(qū)別嗎？對于自適應(yīng)網(wǎng)站與響應(yīng)式網(wǎng)站的區(qū)別，其實大部分客戶是不知道它們的關(guān)系和區(qū)別的，甚至很多設(shè)計師和開發(fā)也解釋不清楚。
想要了解兩者的區(qū)別，在此之前，先了解以下網(wǎng)站布局的五種方式：靜態(tài)布局（static layout）；流式布局（Liquid Layout）；自適應(yīng)布局（Adaptive Layout）；響應(yīng)式布局（Responsive Layout）；彈性布局（rem/em布局）。
如果企業(yè)只做pc端，那么靜態(tài)布局（定寬度）是最好的選擇；
如果做移動端，且設(shè)計對高度和元素間距要求不高，那么彈性布局（rem+js）是最好的選擇，一份css+一份js調(diào)節(jié)font-size搞定；
如果pc，移動要兼容，而且要求較高那么自適應(yīng)布局或響應(yīng)式布局是很好的選擇。
1、兩者的概念
響應(yīng)式網(wǎng)頁設(shè)計(Responsive Web design)：指一個網(wǎng)站能夠兼容多個終端，而不是為每個終端做一個特定的版本的設(shè)計方式及技術(shù)。
自適應(yīng)網(wǎng)頁設(shè)計(Adaptive Web Design)：自適應(yīng)設(shè)計指能使網(wǎng)頁自適應(yīng)顯示在不同大小終端設(shè)備上新網(wǎng)頁設(shè)計方式及技術(shù)。
2、兩者的區(qū)別
響應(yīng)式設(shè)計目的是為不同類別的物理設(shè)備建立相同的網(wǎng)頁（pc、平板、手機、手表等），檢測到設(shè)備分辨率大小后調(diào)用相應(yīng)的網(wǎng)頁。
自適應(yīng)設(shè)計目的是為同類別的物理設(shè)備建立三種不同的網(wǎng)頁（PC），檢測到設(shè)備分辨率大小后調(diào)用相應(yīng)的網(wǎng)頁。（可以只適應(yīng)pc不同分辨率，比如設(shè)置四檔位寬度1180、1440、1680、1920）。
3、響應(yīng)式設(shè)計優(yōu)缺點
優(yōu)點：面對不同分辨率設(shè)備靈活性強-能夠快捷解決多設(shè)備顯示適應(yīng)問題
缺點：僅適用布局、功能、框架不復(fù)雜的網(wǎng)站-需要兼容各種設(shè)備，工作量大，代碼需要隱藏?zé)o用的元素，導(dǎo)致加載時間加長。
4、自適應(yīng)設(shè)計優(yōu)缺點
優(yōu)點：對網(wǎng)站的復(fù)雜程度兼容性更大-實施起來代價更低-代碼更高效。
缺點：自適應(yīng)網(wǎng)站的手機站有時無法做到與PC站內(nèi)容完全一致，且工作量大，自適應(yīng)手機站往往使用不同的子域名或目錄跳轉(zhuǎn)，對于優(yōu)化來講權(quán)重分散，訪客瀏覽體驗仍有缺陷。
對于布局、功能、框架不復(fù)雜的網(wǎng)站，使用響應(yīng)式網(wǎng)頁設(shè)計方式是當(dāng)下主流且相對較優(yōu)的選擇，同時更利于網(wǎng)站SEO檢索。目前新網(wǎng)所推出的模板建站和定制建站產(chǎn)品均采用響應(yīng)式設(shè)計，支持PC、手機、平板、TV種設(shè)備訪問場景，同時還包含seo優(yōu)化、萬能表單、會員管理、公眾號托管、小程序一鍵生成等多項輔助功能，助力客戶打造品牌數(shù)字化形象：http://www.xinnet.com/jianzhan/webdesign.html