如何使我的網格響應

當我調整我的瀏覽器的大小，大多數瓦片離開屏幕，甚至沒有水平滾動條。我可以知道我們如何使網格響應。如何使我的網格響應

謝謝， Balaji。

來源

2015-10-04 balaji

看起來像有人可能做出了響應gridster.js！我還沒有檢查出來，但它可能是有前途的... http://troolee.github.io/gridstack.js/

來源

2016-02-21 20:25:54 Gwi7d31

只發布鏈接不是答案。 – 2016-02-21 20:47:27

嗨Gwi7d31，感謝您的回答，我會檢查並讓你知道:) – balaji

@DisplayName這是一個答案，因爲它提供了一個很好的響應端口的網格，它可以摺疊成單列布局。從我+1，這節省了我很多時間！ –

響應式網格寬度在the dsmorse fork of Gridster中可用，我推薦使用主回購，因爲主回購已經休眠了一年多。

這是dsmorse fork上的responsive grid width demo。

來源

2015-10-19 20:16:21 emackey

嗨Emackey謝謝你的回覆，我會試試這個讓你知道:) – balaji

+1這種方法:)，在我的情況下，我不應該有水平屏幕欄，所以當有一個窗口大小調整時，gridster應該檢測到並調整瓷磚，比如說，max_cols將是5，當窗口大小可以使用$（$ window ）.on（'resize'，onresizefunction），那裏我想減少最大列數爲3，但我不知道如何刷新整個網格後，使max-cols 3，預先感謝 – balaji

不幸的是，我不對此有一個很好的解決方案。上面的響應式演示通過維護固定數量的列以及改變列的寬度來填充屏幕來工作。我還沒有看到通過改變列數來響應Gridster的修改。似乎它應該是可行的，但我不知道任何現有的代碼。 – emackey

如何使我的網格響應

回答

相關問題