目(mu)前主(zhu)流(liu)(liu)響(xiang)(xiang)應(ying)式(shi)(shi)網(wang)(wang)頁設(she)(she)計(ji)開(kai)(kai)(kai)發(fa)(fa)(fa)(fa)框(kuang)架(jia)介紹(shao)。我們在(zai)做網(wang)(wang)站(zhan)前端開(kai)(kai)(kai)發(fa)(fa)(fa)(fa)的(de)時候，可以借(jie)助一些前端開(kai)(kai)(kai)發(fa)(fa)(fa)(fa)框(kuang)架(jia)來(lai)幫助快速開(kai)(kai)(kai)發(fa)(fa)(fa)(fa)網(wang)(wang)站(zhan)，這些前端開(kai)(kai)(kai)發(fa)(fa)(fa)(fa)框(kuang)架(jia)的(de)原理其實就是將布局系統、排版(ban)樣(yang)(yang)式(shi)(shi)、導航樣(yang)(yang)式(shi)(shi)、表(biao)單樣(yang)(yang)式(shi)(shi)、按鈕樣(yang)(yang)式(shi)(shi)和表(biao)格樣(yang)(yang)式(shi)(shi)等封裝好(hao)，我們只(zhi)需(xu)要直(zhi)接拿來(lai)引用(yong)，而不(bu)需(xu)要單獨(du)的(de)為每個HTML標簽寫CSS樣(yang)(yang)式(shi)(shi)，還能提(ti)高界(jie)面的(de)美觀性(xing)。目(mu)前支(zhi)持響(xiang)(xiang)應(ying)式(shi)(shi)網(wang)(wang)頁設(she)(she)計(ji)的(de)開(kai)(kai)(kai)發(fa)(fa)(fa)(fa)框(kuang)架(jia)有很多，甚至自己也可以開(kai)(kai)(kai)發(fa)(fa)(fa)(fa)一套適(shi)合的(de)開(kai)(kai)(kai)發(fa)(fa)(fa)(fa)框(kuang)架(jia)，下面介紹(shao)幾種主(zhu)流(liu)(liu)的(de)響(xiang)(xiang)應(ying)式(shi)(shi)網(wang)(wang)頁設(she)(she)計(ji)開(kai)(kai)(kai)發(fa)(fa)(fa)(fa)框(kuang)架(jia)。

      由Twitter的(de)工程師(shi)開(kai)(kai)發，是(shi)一(yi)款集合HTML、CSS和(he)JavaScript的(de)框(kuang)架(jia)(jia)，用于開(kai)(kai)發響應式布局、移動設備優(you)先的(de)網站，且(qie)(qie)(qie)免(mian)費(fei)開(kai)(kai)源，擁有龐大(da)的(de)社區支持。由一(yi)家專(zhuan)業(ye)的(de)產品(pin)設計公(gong)司ZURB開(kai)(kai)發，是(shi)目前在商業(ye)領域使用最為(wei)廣(guang)泛(fan)的(de)一(yi)款響應式前端(duan)開(kai)(kai)發框(kuang)架(jia)(jia)，是(shi)一(yi)個易用、強大(da)而靈活的(de)框(kuang)架(jia)(jia)，且(qie)(qie)(qie)免(mian)費(fei)開(kai)(kai)源。同(tong)樣是(shi)一(yi)款響應式HTML、CSS和(he)Javascript的(de)框(kuang)架(jia)(jia)，其(qi)官網還提供大(da)量(liang)的(de)在線展示示例和(he)開(kai)(kai)發文檔，且(qie)(qie)(qie)免(mian)費(fei)開(kai)(kai)源。