2014-04-13 38 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 –