如何使我的网格响应

当我调整我的浏览器的大小，大多数瓦片离开屏幕，甚至没有水平滚动条。我可以知道我们如何使网格响应。如何使我的网格响应

谢谢， 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

如何使我的网格响应

回答

相关问题