首页 文章

哪里可以找到响应式网格系统[关闭]

提问于
浏览 次
0

我已经开始了一个新项目，我需要（仅）响应网格进行布局 .
我已尝试使用http://www.responsivegridsystem.com/这个网格系统，并且它需要它，并且它在我的一些表单中弄得一团糟 .
我正在寻找任何解决方案 .

我只需要响应网格，不会混淆其他元素 .

有没有这样的框架？

html css responsive-design grid-system

2 回答

  • 0

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

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

    为了看到IE 10/11，也需要为主容器添加宽度或高度 . 大多数时候 width:100% 都会这样做，这里我在 body 上设置了 height:100% .

    This will not work for older browser, you may use vendor-prefix and old syntax to increase compatibility. 这里是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>
    回复于
  • 1

    试试semantic.gs

    设置列和装订线宽度，选择列数，并在像素和百分比之间切换 . 所有标记中都没有.grid_x类 . 哦，我们是否提到它的响应？

    回复于

相关问题