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

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。

这不适用于旧浏览器，您可以使用供应商前缀和旧语法来增加兼容性。这里有一些东西要读，这里也是。

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

尝试语义.gs

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

标记中没有任何 .grid_x 类。哦，我们提到它是响应式的吗？