我已经开始了一个新项目,并且我需要(仅)响应式网格来进行布局。
我已经尝试过http://www.responsivegridsystem.com/这个网格系统,但它很好,但它增加了一些输入和其他元素的类,我不需要它,它会让我的一些表单变得混乱。
我正在寻找任何解决方案。
我只需要响应式网格,不会混淆其他元素。
有没有这样的框架?
哪里可以找到响应式网格系统
0
A
回答
0
集列和排水沟宽度,选择列数和像素和百分比之间切换。
所有没有任何.grid_x类在您的标记。噢,我们是否提到它的响应?
1
也许你可以使用显示:柔性,设置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 TEST:
<div>
<div>
</div>
<div>
</div>
<div>
</div>
<!-- and so on -->
</div>
相关问题
- 1. 响应式网格系统中的列
- 2. 网格系统和响应式布局
- 3. CSS响应网格系统
- 4. 在哪里可以找到Linux系统调用的源代码?
- 5. 我在哪里可以找到我的Linux系统的libxul.so库?
- 6. 我在哪里可以找到Prestashop主题系统的教程?
- 7. 我在哪里可以找到系统调用源代码?
- 8. 哪里可以找到iPhone系统按钮和图标图形?
- 9. 我在哪里可以找到网络
- 10. 在哪里可以找到unattend.xml模式
- 11. 哪里可以找到模式模块
- 12. 哪里可以设置系统属性
- 13. RsiOPCAuto.dll ...哪里可以找到?
- 14. 哪里可以找到Castle.MicroKernel.dll
- 15. 哪里可以找到VBSQL.VBX?
- 16. 哪里可以找到ipseccmd.exe?
- 17. 哪里可以找到NestedScrollView?
- 18. 哪里可以找到php_printer.dll?
- 19. 哪里可以找到FlowPanel?
- 20. 哪里可以找到tcadsdll.dll?
- 21. 哪里可以找到AppCompatPreferenceActivity?
- 22. 哪里可以找到pg_config?
- 23. 哪里可以找到MyGeneration.dOOdads.dll
- 24. 哪里可以找到GetMemberInfo
- 25. 哪里可以找到org.eclipse.jface.nl_de?
- 26. 哪里可以找到fillPatternId?
- 27. 哪里可以找到
- 28. 响应表或引导网格系统
- 29. 我在哪里可以在Bigcommerce上的Stencil中找到响应式css?
- 30. 我在哪里可以找到android系统可绘制资源? [Android的API-7]
与内容填充它来测试它:) http://codepen.io/gc-nomade/full/fCzew –