百分比的CSS響應式框架One CSS Grid –

說到響應式css框架,你會想到哪些? bootstrap,pure.css ? 下面推薦的這塊比較特別,它的柵格係統是基於100%來搆建的,網路開店,類似於bootstrap的100%格子係統。

One% CSS Grid 是一款用來搆建響應式排版的12列流暢的網格係統,支持1280px和1024px兩種寬度的選項,採用基於百分比的網格係統來完美適配各種屏幕。

One% CSS Grid是一款基於百分比的CSS響應式框架,台中網頁設計,這意味著佈局的列呎寸控制是按照百分比來計算的,台北網頁設計,這一點大大方便了響應式設計。

如何使用:

One% CSS Grid有兩種模式,一個是基於1200px寬度來計算的,而另一個則是按照1000px寬度來計算。這是兩種不同的佈局風格,前者是針對寬版的設計,而 後者則是類似於960px的窄版設計,rwd網頁設計。當我們開始設計網站時,網頁設計,首先就要確定自己使用的是哪一種設計風格,響應式網頁設計。但不管使用哪一種設計,桃園網頁設計,整個網頁將被劃分為N行 12列。

One% CSS Grid主要依賴於CSS2當中的規範,但需要CSS3中的media query來針對不同的屏幕呎寸,高雄網頁設計,因此在IE7、IE8當中需要額外配用JavaScript腳本;當然,IE6就不要想了。

官方網站:

—–

另外切圖網改版了,RWD自適應式網頁設計,更精緻,支持響應式。基於切圖網內部css柵格框架,不久後框架即將開源,SEO優化,敬請期待。 預覽:

Comments are closed, but trackbacks and pingbacks are open.