2014-04-13 71 views
0

我已經開始了一個新項目,並且我需要(僅)響應式網格來進行佈局。
我已經嘗試過http://www.responsivegridsystem.com/這個網格系統,但它很好,但它增加了一些輸入和其他元素的類,我不需要它,它會讓我的一些表單變得混亂。
我正在尋找任何解決方案。

我只需要響應式網格,不會混淆其他元素。

有沒有這樣的框架?
哪裏可以找到響應式網格系統

回答

0

嘗試semantic.gs

集列和排水溝寬度,選擇列數和像素和百分比之間切換。

所有沒有任何.grid_x類在您的標記。噢,我們是否提到它的響應?

1

也許你可以使用顯示:柔性,設置min-heightmin-width用於兒童的,以保持安全的最小尺寸,其中一點內容:

http://codepen.io/gc-nomade/pen/wFHfq

爲了看到IE 10/11,工作壓力太大,您需要爲主容器添加寬度或高度。大部分時間width:100%會這樣做,在這裏我設置height:100%body

這對舊版瀏覽器不起作用,您可以使用供應商前綴和舊語法來提高兼容性。這裏是readtoo

body div { 
    display:flex;/* flex it */ 
    flex-wrap:wrap; 
    min-width:320px; 
    min-height:160px; 
    box-shadow:inset 0 0 5px white, 2px 2px 3px; 
flex:1; 
} 
html,body { 
    height:100%;/*IE*/ 
    margin:0; 
} 
body>div { 
    min-height:100%; 
} 
div div { 
background:pink; 
} 
div div:nth-child(even) { 
    background:lightgray 
} 

基本的HTML TEST:

<div> 
    <div> 
    </div> 
    <div> 
    </div> 
    <div> 
    </div> 
    <!-- and so on --> 
</div> 
+0

與內容填充它來測試它:) http://codepen.io/gc-nomade/full/fCzew –