Question

我已经开始了一个新项目，我需要（仅）响应网格进行布局我已尝试使用http://www.responsivegridsystem.com/这个网格系统，它很好但是它为输入和其他元素添加了一些我不需要的类，它使我的一些形式混乱。
我正在寻找任何解决方案。

我只需要响应网格，不会弄乱其他元素。

有没有这样的框架？

Answer 1

也许你可以使用display：flex，为孩子设置min-height min-width以保持安全的最小尺寸。

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

为了看到IE 10/11，你也需要为主容器添加宽度或高度。大部分时间width:100%都可以，我在height:100%设置了body。

这对旧浏览器不起作用，您可以使用供应商前缀和旧语法来提高兼容性。这里有read和too。

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测试：

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

Answer 2

尝试semantic.gs

设置列和装订线宽度，选择列数，并在像素和百分比之间切换。

所有标记中都没有.grid_x类。哦，我们是否提到了它的反应？

我在哪里可以找到响应式网格系统

2 个答案: