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

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

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

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