響應式框架推薦

2021-07-22 20:50:25 字數 740 閱讀 3184

對於用習慣了bootstrap開發頁面的程式設計師來說,bootstrap就已經足夠滿足需求了,響應式web設計不僅能夠讓頁面適應螢幕尺寸還能給使用者帶來完美的體驗,下面是從網上獲取的資源對幾款響應式框架的乙個介紹,希望能給大家提供更多的參考。

ui是web的靈魂!semantic是為攻城師而製作的可復用的開源前端框架。提供各種ui元件,使得開發更加直觀、易於理解。

52 framework主要用於優化html5和css3的跨瀏覽器相容性的框架,可在所有主流瀏覽器上執行。

pure是一組小的、響應式css模組,可用於任意web專案中。它可作為每個**或web應用的起步工具,幫助開發者處理應用程式所需的所有css工作,同時不會讓每個應用千篇一律。 

responsable使用最少的sass,帶給你最完美的響應式框架。

tuktuk支援**重用功能,提供更加快速、高效的樣式列表,易於新增與維護。

kube是全球最為流行、最靈活的css框架之一。其帶給你最強大的功能選擇,極具創意性與美觀性。

gumby 2是建立在sass基礎上的。sass是一款非常強大的css 預處理器,允許使用者自主快速的開發擴充套件gumby,同時提供很多新的工具來自定義和擴充套件gumby框架。gumby 2是乙個非常棒的響應式css框架。

get ui kit是一款輕量級、模組化的前端框架,用於開發快四且強大的web介面。

foundation是乙個易用、強大而且靈活的框架,用於構建基於任何裝置上的web應用。提供多種web上的ui 元件,如表單、按鈕、 標籤等。

響應式框架 Bootstrp

1.流體容器 container fluid 相當於width auto 兩側15px padding 2.固定容器 閾值 width 內容區,包括內邊距 lg大於等於1200 lg 大屏pc 1170 1140 槽寬padding left padding right 15px md大於等於992...

響應式布局總結 推薦

響應式布局的開發基礎知識 本章主要分為以下幾個部分 正確理解響應式設計 響應式設計的步驟 響應式設計需要注意的問題 響應式網頁布局實現原理 第一 正確理解響應式布局 響應式網頁設計就是乙個 能夠相容多個終端 而不是為每個終端做乙個特定的版本。打個比方來說 現在社會有很多響應產品,例如摺疊沙發,折疊床...

響應式WebUI框架整理

1 frozen ui 移動框架 簡單易用,輕量快捷,為移動端服務的前端框架。依賴第三方類庫,如 zeptojs 2 ydui touch ydui touch 專為移動端打造,在技術實現 互動設計上相容主流移動裝置,保證 輕 效能高。3 sui mobile 4 mui 追求效能體驗,是我們開始啟...