響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)是當(dāng)前網(wǎng)頁(yè)設(shè)計(jì)的主流形式，響應(yīng)式主要是指網(wǎng)頁(yè)在頁(yè)面加載顯示及客戶端設(shè)備、瀏覽器窗口尺寸改變時(shí)，自動(dòng)改變網(wǎng)頁(yè)布局及內(nèi)容顯示模式使之更加符合是被尺寸要求，實(shí)現(xiàn)頁(yè)面的好顯示。響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)所遵循的條設(shè)計(jì)原則為：移動(dòng)優(yōu)先的設(shè)計(jì)原則 ?？蚣芗夹g(shù)應(yīng)用是響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)商業(yè)化應(yīng)用開發(fā)的，本文主要對(duì)部分國(guó)內(nèi)外主流響應(yīng)式網(wǎng)頁(yè)開發(fā)框架進(jìn)行說(shuō)明。
1、BootStrap框架技術(shù)
BootStrap是響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)框架技術(shù)，也是目前世界范圍內(nèi)應(yīng)用最為廣泛的前端響應(yīng)式網(wǎng)頁(yè)架構(gòu)技術(shù)。BootStrap是由Twitter開發(fā)人員于2011年創(chuàng)建并發(fā)布，主要包括CSS、HTML和JavaScript組件。該框架遵循網(wǎng)頁(yè)設(shè)計(jì)標(biāo)準(zhǔn)，適應(yīng)于各類型響應(yīng)式網(wǎng)站的開發(fā)。
2、Bulma CSS框架技術(shù)
Bulma框架技術(shù)也是目前較為流程的前端響應(yīng)式框架技術(shù)之一，目前已經(jīng)有超過150，000開發(fā)人員使用Bulma框架技術(shù)進(jìn)行響應(yīng)式網(wǎng)頁(yè)的設(shè)計(jì)與開發(fā)。Bulma是基于Flexbox的開源、免費(fèi)CSS架構(gòu)。Bulma作為一個(gè)簡(jiǎn)單，優(yōu)雅，現(xiàn)代輕量化的CSS框架深受網(wǎng)站開發(fā)人員喜愛。

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

4、Foundation框架技術(shù)

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

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

分享名稱：響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)國(guó)內(nèi)外有哪些主流框架？
分享鏈接：http://www.aaarwkj.com/news16/92966.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、搜索引擎優(yōu)化、網(wǎng)站收錄、電子商務(wù)、云服務(wù)器、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)