相(xiang)信很多小伙伴對于自(zi)適(shi)應(ying)(ying)與(yu)響應(ying)(ying)式(shi)(shi)的(de)(de)概念還(huan)有(you)點模糊，一般自(zi)適(shi)應(ying)(ying)這種(zhong)說法比(bi)較少，相(xiang)對而言，響應(ying)(ying)式(shi)(shi)的(de)(de)名聲要大(da)一些(xie)。事實上(shang)，自(zi)適(shi)應(ying)(ying)也(ye)是(shi)響應(ying)(ying)式(shi)(shi)的(de)(de)一種(zhong)，因(yin)此一個自(zi)適(shi)應(ying)(ying)網站同樣可以說成是(shi)響應(ying)(ying)式(shi)(shi)設計，但兩者又存在一些(xie)區別。

自(zi)適應(ying)是(shi)同一個(ge)網(wang)頁在不(bu)(bu)(bu)調整頁面布局(ju)的(de)(de)(de)前提下(xia)適應(ying)各種(zhong)不(bu)(bu)(bu)同的(de)(de)(de)終端設備，這里(li)強調的(de)(de)(de)是(shi)網(wang)站頁面布局(ju)不(bu)(bu)(bu)發生變化，也就是(shi)可以根據(ju)屏幕(mu)尺寸(cun)調整整個(ge)網(wang)頁的(de)(de)(de)大小。

案(an)例：自適(shi)應網(wang)頁

可以十分清晰的(de)看到，產品的(de)排列方式并沒有因為終端屏幕(mu)的(de)大小而發(fa)生變化，也就是(shi)說(shuo)同一個網頁的(de)基礎上進(jin)行調節的(de)過程

而(er)響應(ying)式相對來說更智能(neng)一(yi)些，簡單來說，響應(ying)式設計就是能(neng)夠兼容多個終端，雖然是用一(yi)個頁(ye)面(mian)，但會(hui)自動偵測屏幕大小(xiao)對頁(ye)面(mian)進行新的布局和調整(zheng)，讓用戶在查(cha)看的時候更方便。

案(an)例：<span style="font-size:16px;">H5響應式網站模(mo)板</span>

可以看(kan)到PC端、平板端的(de)產品分為四列展示，但手機端的(de)則(ze)是兩(liang)列，在保(bao)證(zheng)描(miao)述清晰的(de)前提下進行(xing)細微的(de)頁面布局調整，這就(jiu)是響應(ying)式與自適應(ying)最大的(de)區(qu)別。

兩者有相交點(dian)也有不同點(dian)，從優勢及適應體(ti)而言，也有一定的差異。

固定斷(duan)點的(de)網(wang)站適(shi)合自適(shi)應網(wang)頁(ye)設(she)計，第一是實施起來(lai)代價(jia)更(geng)低(di)，測(ce)試容易；且自適(shi)應布局可(ke)以讓設(she)計更(geng)加可(ke)控。相對的(de)流(liu)體網(wang)格的(de)網(wang)站則適(shi)合使(shi)用響應式網(wang)頁(ye)設(she)計，因(yin)為靈活性(xing)強，可(ke)以適(shi)應不(bu)同分辨率(lv)的(de)設(she)備，同時也方便解決多(duo)種設(she)備顯(xian)示適(shi)應的(de)問題。

由(you)于響(xiang)(xiang)應式的(de)潮流趨勢，自(zi)適(shi)應與(yu)響(xiang)(xiang)應式早已“傻傻分不清楚”，雖然(ran)響(xiang)(xiang)應式/自(zi)適(shi)應網頁設計代碼復雜，但由(you)于“一次設計，普遍使用”的(de)特(te)點，近年來一直處(chu)于主(zhu)流網頁設計，自(zi)動偵測屏幕尺寸對圖片、文字布局等進行自(zi)動調(diao)整，可(ke)以說(shuo)十分實用，且(qie)用戶體驗度(du)高。

剛接觸網站建設的人往往不知道如何著手，總認為響應式代碼太過于復雜，建站所花費的時間、人力、精力也太多。其實不然，現在自助建站十分方便，就像建站寶盒提供的H5響應式建站，上千套H5響應式模板可供選擇，遍及各行業，占據各類主題色彩，種類齊全，樣式精美。拖拽式的操作，讓不懂技術的小白也能建設高端大氣的H5響應式網站。

選擇建站寶盒開始H5響應式網站建設：//szjicheng.cn/design/