響應(yīng)式網(wǎng)頁設(shè)計是當前網(wǎng)頁設(shè)計的主流形式，響應(yīng)式主要是指網(wǎng)頁在頁面加載顯示及客戶端設(shè)備、瀏覽器窗口尺寸改變時，自動改變網(wǎng)頁布局及內(nèi)容顯示模式使之更加符合是被尺寸要求，實現(xiàn)頁面的完美顯示。響應(yīng)式網(wǎng)頁設(shè)計所遵循的 條設(shè)計原則為：移動優(yōu)先的設(shè)計原則 ?？蚣芗夹g(shù)應(yīng)用是響應(yīng)式網(wǎng)頁設(shè)計商業(yè)化應(yīng)用開發(fā)的 ，本文主要對部分國內(nèi)外主流響應(yīng)式網(wǎng)頁開發(fā)框架進行說明。

1、BootStrap框架技術(shù)
BootStrap是響應(yīng)式網(wǎng)頁設(shè)計 框架技術(shù)，也是目前世界范圍內(nèi)應(yīng)用最為廣泛的前端響應(yīng)式網(wǎng)頁架構(gòu)技術(shù)。BootStrap是由Twitter開發(fā)人員于2011年創(chuàng)建并發(fā)布，主要包括CSS、HTML和JavaScript組件。該框架遵循網(wǎng)頁設(shè)計標準，適應(yīng)于各類型響應(yīng)式網(wǎng)站的開發(fā)。

2、Bulma CSS框架技術(shù)
Bulma框架技術(shù)也是目前較為流程的前端響應(yīng)式框架技術(shù)之一，目前已經(jīng)有超過150，000開發(fā)人員使用Bulma框架技術(shù)進行響應(yīng)式網(wǎng)頁的設(shè)計與開發(fā)。Bulma是基于Flexbox的開源、免費CSS架構(gòu)。Bulma作為一個簡單，優(yōu)雅，現(xiàn)代輕量化的CSS框架深受網(wǎng)站開發(fā)人員喜愛。

3、UIKIT框架技術(shù)
UIkit是一個輕量級前端模塊化響應(yīng)式架構(gòu)框架，也是當前比較流行的前端框架之一，用于實現(xiàn)快速響應(yīng)式網(wǎng)頁開發(fā)。UIkit主要包括LESS和Sass CSS預(yù)處理器。UIKit擁有一系列具有一致命名約定的靈活響應(yīng)組件，可以組合30多個可擴展的模塊化組件，以實現(xiàn)更多功能。

4、Foundation框架技術(shù)

Foundation是Zurb公司開發(fā)的非常先進的企業(yè)級前端開發(fā)框架，具有較高的開發(fā)靈活性、符合網(wǎng)頁響應(yīng)式開發(fā)要求。通過使用Foundation框架前端開發(fā)人員可以快速設(shè)計、開發(fā)各類響應(yīng)式網(wǎng)站。

5、Skeleton開發(fā)工具包
Skeleton本身不是完整大的前端UI框架，它只是一個前端開發(fā)的工具包，通過為用戶提供基本的樣式，允許用戶開發(fā)符合各類尺寸的響應(yīng)式網(wǎng)站。Skeleton開發(fā)工具包支持用戶設(shè)計及樣式開發(fā)。