Frozen UI是一個開源的簡單易用，輕量快捷的移動端UI框架基于手Q樣式規(guī)范，選取最常用的組件，做成手Q公用離線包減少請求，升級方式友好，文檔完善，目前全面應(yīng)用在騰訊手Q增值業(yè)務(wù)中5uiKit uiKit是一款輕量級模塊化；5種常用H5框架介紹1TwitterBootstrap是一套強(qiáng)大的前端框架，能夠利用HTMLCSS以及JavaScript快速簡單地實(shí)現(xiàn)Web應(yīng)用開發(fā)任務(wù)這套框架為開發(fā)人員提供一系列極具實(shí)用性的功能，具體包括一套12列響應(yīng)式網(wǎng)格系統(tǒng)JavaScript插件外；許多業(yè)內(nèi)人士表示，HTML將會最終代替多媒體框架，如Adobe的Flash，但是短期看來還不是時候HTML5估計到2014年才能逐步成熟，而且將現(xiàn)有應(yīng)用Flash的網(wǎng)絡(luò)開發(fā)完全轉(zhuǎn)向HTML5還需要一段時間盡管HTML5提出了許多優(yōu)點(diǎn)，但是還可能有；響應(yīng)式布局是指的PC端移動端以及平板都可以兼容的視圖模式，而HTML5只是一個工具，bootstrap是目前最受歡迎的前端框架Bootstrap 是基于 HTMLCSSJAVASCRIPT 的，它簡潔靈活，使得 Web 開發(fā)更加快捷，Bootstrap 的響應(yīng)式；小飛今天就來介紹一些目前設(shè)計師經(jīng)常使用的響應(yīng)式框架，大家可以結(jié)合自己的實(shí)際需求合理選擇使用Bootstrap Bootstrap是由Twitter推出的一個用于前端開發(fā)的開源工具包，它可謂是目前流行的HTML5框架，用戶基數(shù)大，在國內(nèi)的知名度。

就是一個網(wǎng)站，拉到任何尺寸，都能正常顯示會自適應(yīng)到各種尺寸，包括手機(jī)一般的做法，都是用bootstrap框架做的；這里以移動端響應(yīng)式網(wǎng)站為例，講述如何制作響應(yīng)式網(wǎng)頁#xF4CF選定基本設(shè)計尺寸選定基本設(shè)計尺寸，一般以1080為基準(zhǔn)確定響應(yīng)式web設(shè)計的應(yīng)用場景之后，和美工或設(shè)計師溝通，之前，一般需要美工出幾套主流移動設(shè)備屏幕分辨率的設(shè)計圖，現(xiàn)在，使用；1選擇基本設(shè)計尺寸，一般以1080為基準(zhǔn)確定響應(yīng)式網(wǎng)頁設(shè)計的應(yīng)用場景后，與美工或設(shè)計師溝通之前，美工通常需要制作幾套主流移動設(shè)備屏幕分辨率的設(shè)計圖現(xiàn)在，使用streaminglayout和rem，可以使用一套設(shè)計圖，以最常用的；Ionic 主要關(guān)注外觀和體驗(yàn)，以及和你的應(yīng)用程序的 UI 交互，特別適合用于基于 Hybird 模式的 HTML5 移動應(yīng)用程序開發(fā)Mobile Angular UI框架Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的響應(yīng)式移動開發(fā)HTML5框架M；綜上所述，“響應(yīng)式頁面”和HTML5關(guān)系不大，與CSS3的特性很有關(guān)系，如媒體查詢media流媒體布局flex等等響應(yīng)式頁面是一種網(wǎng)頁具有的展示方式或者說功能，這種功能可以使網(wǎng)頁隨著瀏覽器頁面寬度的變化而變化，而要實(shí)現(xiàn)；2html5boilerplate該框架可以快速構(gòu)建健壯，且適應(yīng)力強(qiáng)的web app或網(wǎng)站3MeteorMeteor是新一代的開發(fā)即時web應(yīng)用的開源框架，它能在較短時間內(nèi)完成開發(fā)4Materialize基于材料設(shè)計的現(xiàn)代化響應(yīng)式前端框架可。

AmazeUI這是稱為妹子UI的開源框架，據(jù)稱是中國首個開源HTML5跨屏前端框架妹子UI以移動優(yōu)先為理念，從小屏逐漸到大屏，實(shí)現(xiàn)響應(yīng)式網(wǎng)頁AmazeUI包含20+個CSS組件20+個JS組件，更有多個包含不同主題的Web組件Angular；6Gumby Gumby2是一個非常了不起的響應(yīng)式CSS框架Gumby框架也允許定制這和下載調(diào)整部署一樣簡單Gumby2建立在Sass的基礎(chǔ)上7Skeleton Skeleton簡單又友好，可用于開發(fā)HTML5網(wǎng)站和移動應(yīng)用它有一個CSS文件的??；步驟1 創(chuàng)建空白的HTML 5模版 首先，我們創(chuàng)建一個空白的模版，代碼很簡單，如下所示復(fù)制代碼 步驟2 增加HTML 5新標(biāo)簽 HTML 5中新增加了不少標(biāo)簽，如article， aside， details， figcaption， figure， footer， header；可以認(rèn)為是一樣的，但不代表使用html5做的網(wǎng)站就是響應(yīng)式的，這個是需要響應(yīng)式框架底層的html5一般是針對響應(yīng)式網(wǎng)站開發(fā)的語言，它本身是為移動端頁面呈現(xiàn)而誕生的，隨著人們生活習(xí)慣和智能手機(jī)的發(fā)展，目前移動端的流量已經(jīng)。

Foundation 是世界上精妙的前端響應(yīng)框架，同時，它可以兼容所有的瀏覽器和網(wǎng)絡(luò)設(shè)備Foundation 擁有移動友好型的用戶接口，設(shè)置了許多關(guān)鍵特性4Enyo Enyo是一個開源的 Jaa 框架，該框架能夠讓你創(chuàng)建頂級的 HTML5 應(yīng)用程序。