我已經開始了一個新項目,並且我需要(僅)響應式網格來進行佈局。
我已經嘗試過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 –