Responsive design 如何让我的gridster响应

当我调整浏览器的大小时，大部分的互动程序都会脱离屏幕，甚至没有水平滚动条。我想知道如何使gridster响应

谢谢，

---

Balaji.

响应式网格宽度在中可用，我建议在主回购中使用该宽度，因为主回购已休眠一年多

---

这是dsmorse fork上的图标。

看起来可能有人制作了一个响应迅速的gridster.js！我还没有检查出来，但它可能是有希望的…

Hi Emackey谢谢你的回复，我会尝试这个让你知道：）+1这个方法：），在我的情况下，我不应该有水平屏幕栏，所以当有一个窗口大小调整时，gridster应该检测到并调整瓷砖，比如说，最大值将是5，当存在可以使用$（$window）检测到的窗口调整大小时。在（'resize'，onresizefunction），我想将最大cols减少到3，但我不确定在将最大cols设置为3后如何刷新整个网格，提前感谢。不幸的是，我没有很好的解决方案。上面的响应演示的工作原理是保持固定的列数，并改变列的宽度以填充屏幕。我还没有看到Gridster通过改变列数来响应的修改。看起来它应该是可行的，但我不知道有任何现有的代码可以做到这一点。实现它的部分挑战是，当用户使屏幕更窄时，如何处理现有的小部件。考虑到窗口小部件的宽度可以超过一列，当屏幕对于最宽的窗口小部件来说太窄时该怎么办？为了使屏幕上的列更少，可能需要进行大量的重新调整，并且不确定现有的小部件和大小是否适合新的更小的布局。我有一个类似的疑问，假设浏览器的全尺寸屏幕大小是800*600，当我点击restore down按钮时，然后点击$（$window）。on（'resize'，onresizefunction）将被执行，所以在这里我尝试了下面的代码发布，只有一个链接不是答案。您好Gwi7d31，感谢您的回答，我会检查并让您知道：）@DisplayName这是一个答案，因为它提供了gridster的一个很好的响应端口，可以折叠为单列布局+从我这里，这节省了我很多时间！