回答
看起來像有人可能做出了響應gridster.js!我還沒有檢查出來,但它可能是有前途的... http://troolee.github.io/gridstack.js/
響應式網格寬度在the dsmorse fork of Gridster中可用,我推薦使用主回購,因爲主回購已經休眠了一年多。
這是dsmorse fork上的responsive grid width demo。
嗨Emackey謝謝你的回覆,我會試試這個讓你知道:) – balaji
+1這種方法:),在我的情況下,我不應該有水平屏幕欄,所以當有一個窗口大小調整時,gridster應該檢測到並調整瓷磚,比如說,max_cols將是5,當窗口大小可以使用$($ window ).on('resize',onresizefunction),那裏我想減少最大列數爲3,但我不知道如何刷新整個網格後,使max-cols 3,預先感謝 – balaji
不幸的是,我不對此有一個很好的解決方案。上面的響應式演示通過維護固定數量的列以及改變列的寬度來填充屏幕來工作。我還沒有看到通過改變列數來響應Gridster的修改。似乎它應該是可行的,但我不知道任何現有的代碼。 – emackey
- 1. 如何使網格響應?
- 2. 如何使我的網站響應
- 3. UWP - 如何製作響應式網格
- 4. 如何使網格響應重疊的內容
- 5. 使用FlexBox創建響應式網格
- 6. 製作響應式網格
- 7. CSS 3列響應網格
- 8. Bootstrap網格排序響應
- 9. 響應式網格 - IONIC 2
- 10. 如何使我的網站響應移動
- 11. 如何使我的現場網站響應typo3 templovoila 6.2
- 12. 如何響應地使用本質網格
- 13. 如何使靜態PSD適合響應式自舉網格
- 14. 如何從外部網址響應我的網站製作iframe?
- 15. 如何使我的HTML頁面響應?
- 16. 如何使我的SVG移動響應
- 17. 如何使我的行表響應
- 18. 如何使我的導航欄響應
- 19. 如何使我的CSS響應
- 20. 如何響應網站?
- 21. 沒有使用網格的響應式網站
- 22. 特殊的網格CSS響應
- 23. 在ionic2/Angular2中的響應式網格
- 24. 如何設置響應式XML的3列網格線
- 25. 如何從ajax響應中加載dhtmlx網格中的數據?
- 26. 響應式網格已打破我的js元素
- 27. 如何使我的網站響應使用引導? img-responsive /列不工作
- 28. 如何使用CSS中的對角線網格製作響應式菜單?
- 29. 我如何從響應
- 30. 響應式語義用戶界面響應網格,列,行
只發布鏈接不是答案。 – 2016-02-21 20:47:27
嗨Gwi7d31,感謝您的回答,我會檢查並讓你知道:) – balaji
@DisplayName這是一個答案,因爲它提供了一個很好的響應端口的網格,它可以摺疊成單列布局。從我+1,這節省了我很多時間! –