Javascript 动态柔性网格布局

我希望仪表盘按照灵活的网格布局，并满足以下要求：

• 总宽度是可变的，必须始终适合屏幕，即使在调整大小时也是如此
• 单元格可以合并
• 所有列的大小应相同（例如，有3列）
• 行也一样
• 总高度应与屏幕高度相匹配
• 这些网格是用户生成的，所以它们不能像在线生成器那样用CSS硬编码

以下是我拍的一些照片：

用户定义网格的示例

合并单元格的相同示例

同一个缩放示例

我正在寻找一个插件/代码来实现这一点，因为我几乎可以肯定它不能在CSS中实现（据我所知，大多数浏览器还没有实现网格布局）。

---

我得到的最接近的结果是生成一个表，但是调整单元格的大小最终是一个完全的混乱（）。

您可以通过使用类似或的插件来接近这一点

---

对于响应位，我建议阅读。它谈到了砌体插件，但这些概念可以普遍应用。

我看不出任何实际问题，你在问什么？如何编写CSS，一个已经完成的网站？有很多插件可用。。。你试过什么？我试过砌石，但它会重新排列项目，当我只想缩小网格以适应屏幕时，我正试图避免这种情况。我不明白当它只有X列时人们怎么叫它网格。砖石结构是最接近我所寻找的，但我不想要重新排列的东西。还有。这很像砖石结构，但你可能可以定制它来移除重新排列的东西。我更深入地检查了同位素和砖石结构，我认为它们在流体/响应类别中有我想要的，只是它们不提供垂直适合屏幕大小的尺寸。嗯，我不确定我还能建议什么。我想你可能得挑一个自己定制。